爱易网
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 浏览次数:20489 次
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中
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
js之看你的鼠标点符号多快
IE6下面body的height设置为100%;的Bug?该怎么解决
extjs4与FCKeditor调整
jstl中少用的tag之<c:forToken>
浅谈不要Cookie实现高亮Javascript菜单效果
JS Repalce 轮换 (转)
jquery 嵌套的each,如何区分this
css 文件加载不进的有关问题
ExtJS学习札记 layout的9种样式风格总结
推荐阅读
更多>
jsp跳转出错java.lang.IllegalStateException解决办法
使用getJSON解决jquery跨域有关问题
js页面跳转步骤大全(转)
能在XHTML下运行的广告效果
询问个初学者有关问题,javascript语言的源码是开源的么
js中的push跟join方法
jquery跟js初始化加载的多种方法
输入四位数目字后自动填补冒号,并验证这时间格式是否正确。这正则表达式有点儿难度哟
struts2-json-plugin汉语手册
js搜寻提示
Json转换凶器Gson之实例四-Map处理(下)
测试您的JavaScript能力
myeclipse设立jsp页面的打开方式
初学jquery的疑义
jquery 的facebox 有关问题
eclipse上启动tomcat出现Setting property 'source' to 'org.eclipse.jst.jee.server: '异常
Struts2 JSON Plugin 错误
问个奇怪的有关问题,为什么document.write没有输出
获取URL参数解决办法
代码如下 ,a是什么,对象吗,还是字符串,怎么得到a