开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
custom.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：2k
源码类别：

JavaScript

开发平台：

JavaScript

custom.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  2.     var ds = new Ext.data.Store({
  3.         proxy: new Ext.data.ScriptTagProxy({
  4.             url: 'http://extjs.com/forum/topics-remote.php'
  5.         }),
  6.         reader: new Ext.data.JsonReader({
  7.             root: 'topics',
  8.             totalProperty: 'totalCount',
  9.             id: 'post_id'
  10.         }, [
  11.             {name: 'postId', mapping: 'post_id'},
  12.             {name: 'title', mapping: 'topic_title'},
  13.             {name: 'topicId', mapping: 'topic_id'},
  14.             {name: 'author', mapping: 'author'},
  15.             {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'},
  16.             {name: 'excerpt', mapping: 'post_text'}
  17.         ]),
  19.         baseParams: {limit:20, forumId: 4}
  20.     });
  22.     // Custom rendering Template for the View
  23.     var resultTpl = new Ext.XTemplate(
  24.         '<tpl for=".">',
  25.         '<div class="search-item">',
  26.             '<h3><span>{lastPost:date("M j, Y")}<br />by {author}</span>',
  27.             '<a href="http://extjs.com/forum/showthread.php?t={topicId}&p={postId}" target="_blank">{title}</a></h3>',
  28.             '<p>{excerpt}</p>',
  29.         '</div></tpl>'
  30.     );
  32.     var panel = new Ext.Panel({
  33.         applyTo: 'search-panel',
  34.         title:'Forum Search',
  35.         height:300,
  36.         autoScroll:true,
  38.         items: new Ext.DataView({
  39.             tpl: resultTpl,
  40.             store: ds,
  41.             itemSelector: 'div.search-item'
  42.         }),
  44.         tbar: [
  45.             'Search: ', ' ',
  46.             new Ext.ux.form.SearchField({
  47.                 store: ds,
  48.                 width:320
  49.             })
  50.         ],
  52.         bbar: new Ext.PagingToolbar({
  53.             store: ds,
  54.             pageSize: 20,
  55.             displayInfo: true,
  56.             displayMsg: 'Topics {0} - {1} of {2}',
  57.             emptyMsg: "No topics to display"
  58.         })
  59.     });
  61.     ds.load({params:{start:0, limit:20, forumId: 4}});
  62. });