ext3 tree tbar 初始化定义
?var rc_store = new Ext.data.SimpleStore( {?
?? ??? ??? ? ?fields : [ 'value', 'text' ],?
?? ??? ??? ? ?data : [ [ '10', '行' ], [ '20', '列' ] ]?
?? ??? ??? ? });
? ? ? var bar_v= [ {
?? ? ? ??? ? ?text:'展開',
?? ? ? ??? ? ?handler:function(){
?? ? ? ??? ? ??? ?tree.expandAll();
?? ? ? ??? ? ?}
? ? ?? ? ?},'-',{
?? ? ? ??? ? ?text:'折疊',
?? ? ? ??? ? ?handler:function(){
?? ? ? ??? ? ??? ?tree.collapseAll();
?? ? ? ??? ? ??? ?tree.root.expand();
?? ? ? ??? ? ?}
? ? ?? ? ?},'-',{?
?? ? ? ??? ? ?xtype : 'combo', ??
?? ? ? ??? ? ?name : 's001_name',?
?? ? ? ??? ? ?id : 's001',?
?? ? ? ??? ? ?triggerAction : 'all',
?? ? ? ??? ? ?mode : 'local',
?? ? ? ??? ? ?emptyText : '請選擇',?
?? ? ? ??? ? ?store : rc_store,?
?? ? ? ??? ? ?hiddenName : 's001_name',
?? ? ? ??? ? ?valueField : 'value',?
?? ? ? ??? ? ?displayField : 'text',
?? ? ? ??? ? ?listeners : {
? ? ? ? ? ? ? ?? ?select : function(combo, record, index) { ? ?
? ? ? ? ? ? ? ?? ??? ?console.log(record);
? ? ? ? ? ? ? ?? ??? ?alert(index);
? ? ? ? ? ? ? ?? ?}
?? ? ? ??? ? ?}
? ? ?? ? ?},{text:'編輯',
?? ? ? ??? ??? ?handler:function(btn){
?? ? ? ??? ??? ??? ?alert(btn.text);
?? ? ? ??? ??? ?}
? ? ?? ? ??? ?}
??? ??? ?];
//加載地址
?? ? ?var ld_v=new Tree.TreeLoader( {
? ? ?? ? ?dataUrl :'Action.do? '
? ? ? });
? ? //監聽
?? ? ?var lt_v={"contextmenu":function(node,event){
? ? ? ? ?
?? ? ?}};
? ? ? var tree = new Tree.TreePanel( {
? ? ?? ? ?id : 'group-type',
? ? ? ? ? el : 'tree-div-type',
? ? ? ? ? split:false,
? ? ? ? ? width: 300,
? ? ? ? ? //minSize: 164, ?
? ? ? ? ? //maxSize: 164,
? ? ? ? ? //height:240,
? ? ? ? ? rootVisible: false,
? ? ? ? ? autoScroll : true,
? ? ? ? ? animate : true,
? ? ? ? ? tbar:bar_v,
? ? ? ? ? border:false,
? ? ? ? ? enableDD : false,
? ? ? ? ? containerScroll : true,
? ? ? ? ? loader : ld_v,
? ? ? ? ? listeners: lt_v
? ? ? });
? ? ? var root = new Tree.AsyncTreeNode( {
? ? ? ? ? ? text : ?'',
? ? ? ? ? ? iconCls : '',
? ? ? ? ? ? draggable : false,
? ? ? ? ? ? id : '-1'?
? ? ? });
? ? ? tree.setRootNode(root);
? ??
? ? ? tree.render();
? ? ? root.expand();
總結
以上是生活随笔為你收集整理的ext3 tree tbar 初始化定义的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: $.fn.zTree 展开 回显 选中
- 下一篇: Ext grid js上移下移样例