爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JavaSript
ExtJs4(五)——左边树,右边表结构
ExtJs4(五)——左边树,右边表结构
日期:2014-05-16 浏览次数:20477 次
ExtJs4(5)——左边树,右边表结构
先上图:
这部分没什么好说的,直接上代码吧
PageVar.js
var pageVar={}; //----------------------------------------与tree相关的参数设置---------------------------------------- pageVar.addNodePanelTitle = '添加节点'; //增加节点窗口 pageVar.treeTitle = '常数项'; //树的标题 pageVar.treeStoreUrl = '/platForm/testData/sysConst/tree-data.json'; //树的Store的url pageVar.treeNodeIdColumn = 'SYSCST_ID'; //树节点的Id列的名称 pageVar.treeNodeFidColumn = 'SYSCST_FID'; //树的父节点的Id列的名称 pageVar.onClickID=0; pageVar.buttons = [ //树的按钮 { text: '增加结点', minWidth: 70, id: 'addNode', disabled: false, handler: function() { //点击后,将弹出一个窗口,需要填入所需的内容。根据所填内容生成子结点 if( addNodePanel == null ) { addNodePanel = new AddNodePanel(); } addNodePanel.show(); } },{ text: '删除', id: 'deleteNode', disabled: false, minWidth: 70, handler: function() { deleteNode( pageVar.fatherNode ); } },{ text: '修改', id: 'modifyNode', disabled: false, minWidth: 70, handler: function() { var modifyText = function(btn, text) { if( btn == 'ok' ) { if ( text != null && text.trim() != '' ) { pageVar.currentNode.raw.text = text; } else { Ext.MessageBox.prompt('提示', '输入值不能为空,请重新输入该结点的名称:',showResultText); } } }; Ext.MessageBox.prompt('修改结点信息', '请输入该结点的新名称:', modifyText); } }]; //----------------------------------------与grid相关的参数设置---------------------------------------- pageVar.alertPanelTitle = '添加/修改菜单'; //弹出新增/修改窗口的标题 pageVar.gridTitle = '常数项设置'; //表的标题 pageVar.winTitle = '配置常数项'; //整体窗口的标题 pageVar.ajaxRequestUrl = ''; //连接ajax的url pageVar.gridStoreUrl = 'tree-grid.json'; //表的Store的url pageVar.gridStoreRootName = 'sys_const'; pageVar.gridModelName = 'const'; //其中数字1代表有效,0代表无效 pageVar.bButtons = [ 1, 1, 1, 1 ]; //bButtons[0]为添加按钮,bButtons[1]为修改,bButtons[2]为查询,bButtons[3]为删除; //gird的columns pageVar.columns = [ {text:'常数信息ID', width:100, dataIndex:'SYSCST_ID', hidden: true}, {text:'常数编码', width:100, dataIndex:'SYSCST_CODE', hidden: false}, {text:'常数节点父ID', width:100, dataIndex:'SYSCST_FID', hidden: true}, {text:'顺序号', width:100, dataIndex:'SYSCST_NO', hidden: false}, {text:'文字编号', width:100, dataIndex:'SYSCST_CHARNO', hidden: false}, {text:'常数名称', width:100, dataIndex:'SYSCST_NAME', hidden: false}, {text:'常数SN', width:100, dataIndex:'SYSCST_SN', hidden: false}, {text:'常数级别', width:100, dataIndex:'SYSCST_LEV', hidden: false}, {text:'常数说明', width:100, dataIndex:'SYSCST_NOTE', hidden: false}, {text:'文字项1', width:100, dataIndex:'SYSCST_TEXT1', hidden: false}, {text:'文字项2', width:100, dataIndex:'SYSCST_TEXT2', hidden: false}, {text:'数字项1', width:100, dataIndex:'SYSCST_NUM1', hidden: false}, {text:'数字项2', width:100, dataIndex:'SYSCST_NUM2', hidden: false}, //{text:'更新标志', width:100, dataIndex:'SYSCST_UPFLAG', hidden: false}, { xtype: 'templatecolumn', text: '更新标志', flex: 1, sortable: true, dataIndex: 'SYSCST_UPFLAG', align: 'center', width:150, //add in the custom tpl for the rows tpl: Ext.create('Ext.XTemplate', '{SYSCST_UPFLAG:this.formatFlag}', { formatFlag: function(v) { if (v == 0) { return '允许'; } else { return '不允许'; } } }) }, //{text:'插入标志', width:100, dataIndex:'SYSCST_INFLAG', hidden: false}, { xtype: 'templatecolumn', text: '插入标志',
上一篇: ssh如何知道删除实体成不成功
下一篇: ExtJs4(四)——将按钮像列一样放入Grid中
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
关于JSONP跨域访问的有关问题
js(javascript)事件大全:事件、页面事件、表单事件、滚动字幕事件、编者事件、数据绑定、外部事件
javascript中作用域,优先级等等有关问题, 中。
自个儿写的一个幻灯片,喜欢的可以看一下。做的不好的地方可以指点
函数,给如网址,得到该网址的标题。
$("a.tooltip").mouseover(function(e) 小弟我想问的是function括号里面的“e”是什么意思
JSP跟JavaScirpt数据交互及特殊字符处理
javascript增加行遇到的有关问题,多谢各位
施用UglifyJS合并/压缩JavaScript
推荐阅读
更多>
highcharts画折线图失误
jsp网页快照,依据url获取页面缩略图
jsp实现的上载功能,图片,word,txt都可以上载
JavaScript, 五 ways to call a function
IE浏览器中为什么window.opener.location.href 无效,该如何解决
如何这个拉滚动条如何都没反应的
分享一个超酷创办互动文档的Javascript类库 - tangle
利用xmlDoc读取xml资料构建ExtJS Tree
EXTJS 遇到的函数定义有关问题,请高人指点,多谢
JavaScript仿照鼠标拖动选择功能
创建对象的有关问题
简单js不会改
有哪位高手知道哪里有这样一个插件
圆满的js验证url(jackey正则表达式)
请问关于jquery对div重新排列的有关问题
extend的解释,该如何处理
求购日期控件,该怎么解决
JavaScript 对象课题
Javascript 承袭机制的实现
div的button的click会触发两次解决方案