Ext.define("Biz.view.dblucene.alldatamodule.Container", {
extend: 'Ext.container.Container',
xtype: 'alldatamodule',
requires: ['Ext.ux.layout.ResponsiveColumn'],
controller: 'dashboard',
viewModel: {
type: 'dashboard'
},
layout: 'responsivecolumn',
items: [{
xtype: 'biz_tree', height: 400, title: '数据模型', rootVisible: true, root: {
"id": "11111111-1111-1111-1111-111111111111", text: '组织目录', expanded: true
}, store: Ext.create('Ext.data.TreeStore', {
proxy: {
extraParams: {"access": 1, "sort": "sort"},
type: 'ajax',
url: Ext.location + '/resource/datatableinfo/treeload'
}
}), listeners: {
itemclick: function (dataView, node) {
var grid = this.nextSibling();
grid.getStore().removeAll();
if (node.data.catalogId) {
Ext.apply(grid.getStore().getProxy(), {extraParams: {"parentid": node.id}});
grid.getStore().load();
}
}
}
}, {
xtype: 'alltablegrid', height: 400, width: '70%', title: '字段列表'
}]
});
Ext.define("Biz.view.dblucene.alldatamodule.TableGrid", {
extend: "Biz.grid.Panel",
xtype: 'alltablegrid',
store: Ext.data.BizStore('/resource/datatableinfo/griddatafield'),
scroll: true,
defaults: {
xtype: 'checkbox',
id: 'hobby',
typeAhead: true,
triggerAction: 'all',
selectOnFocus: true,
labelAlign: 'right',
width: '96%'
},
listeners: {
afterrender: function () {
this.getStore().setGroupField('tableName');
}, cellclick: function (e, g, h, d) {
var addToolbar = this.dockedItems.items[2].items.items[0];
addToolbar.setDisabled(false);
addToolbar.tableData = d.data;
// var tableId = d.data.tableId;
// var field = d.data.code;
// var form = Ext.create("Biz.view.system.service.ServiceSourceForm");
// form.getForm().findField('tableId').setValue(tableId);
// form.getForm().findField('field').setValue(field);
}
},
columns: [{
text: "字段名称", dataIndex: 'name', flex: 0.25
}, {
text: "编码", dataIndex: 'code', width: 160
}, {
text: "字段类型", dataIndex: 'type', width: 100
}, {
text: "默认标识", dataIndex: 'defaultFlag', width: 80, renderer: function (value) {
return {0: '否', 1: '是'}[value];
}
}, {
text: "时间", dataIndex: 'createTime', width: 150, renderer: function (value) {
return Ext.Date.format(new Date(value), "Y-m-d H:i:s");
}
}]
});
-
等级
本版专家分：753结帖率 75% -
获取下面代码，checkbox的值，我试了很多方法都取不到值
展开阅读全文
-
等级
本版专家分：753
-
自己解决了
在xtype: 'alltablegrid',下面定义一个id，id: 'tablePanel',然后就可以取到了，比较笨的办法
代码如下：
var grid = Ext.getCmp('tablePanel');
var rowSelectionModel = grid.getSelectionModel();
if (rowSelectionModel.hasSelection()) {
var field = '';
var record = rowSelectionModel.getSelected().items;
for (var i = 0; i < record.length; i++) {
var tableId = record[i].data.tableId;
var code = record[i].data.code;
if (i == 0) {
field += code;
} else {
field += ',' + code;
}
}
var json = {};
json.tableId = tableId;
json.fields = field;
for (var j = 0; j < fields.length; j++) {
if (tableId == fields[j].tableId) {
fields.splice(j, 1);
}
}
fields.push(json);
}
}
完整的代码：
var fields = [];
Ext.define("Biz.view.dblucene.alldatamodule.TableGrid", {
extend: "Ext.grid.Panel",
xtype: 'alltablegrid',
id: 'tablePanel',
selModel: {type: 'checkboxmodel', checkOnly: true},
store: Ext.data.BizStore('/resource/datatableinfo/griddatafield'),
scroll: true,
defaults: {
xtype: 'checkbox',
typeAhead: true,
triggerAction: 'all',
selectOnFocus: true,
labelAlign: 'right',
width: '96%'
},
bbar: ['->', {
xtype: 'button', text: '选定字段', width: '12%', style: 'border-color: #35baf6;', handler: function () {
var grid = Ext.getCmp('tablePanel');
var rowSelectionModel = grid.getSelectionModel();
if (rowSelectionModel.hasSelection()) {
var field = '';
var record = rowSelectionModel.getSelected().items;
for (var i = 0; i < record.length; i++) {
var tableId = record[i].data.tableId;
var code = record[i].data.code;
if (i == 0) {
field += code;
} else {
field += ',' + code;
}
}
var json = {};
json.tableId = tableId;
json.fields = field;
for (var j = 0; j < fields.length; j++) {
if (tableId == fields[j].tableId) {
fields.splice(j, 1);
}
}
fields.push(json);
}
}
}, '->'],
listeners: {
afterrender: function () {
this.getStore().setGroupField('tableName');
}, cellclick: function (e, g, h, d) {
var addToolbar = this.dockedItems.items[2].items.items[0];
addToolbar.setDisabled(false);
addToolbar.tableData = d.data;
}
},
columns: [{
text: "字段名称", dataIndex: 'name', flex: 0.25
}, {
text: "编码", dataIndex: 'code', width: 160
}, {
text: "字段类型", dataIndex: 'type', width: 100
}, {
text: "默认标识", dataIndex: 'defaultFlag', width: 80, renderer: function (value) {
return {0: '否', 1: '是'}[value];
}
}, {
text: "时间", dataIndex: 'createTime', width: 150, renderer: function (value) {
return Ext.Date.format(new Date(value), "Y-m-d H:i:s");
}
}]
});
效果图：
- extjs在formpanel中使用checkbox的注意事项
1. 在formpanel的item项，将checkbox的属性定义为xtype: 'checkbox'，而不要定义为inputType: 'checkbox'。后者会造成change事件参数不正确及整个checkbox顽固性居中的问题。 2. 使用一组checkbox时，需要将其...
- extjs tree checkbox 复选框实现 取值 显示
原来做EXTTREE的复选其实很简单！ 数据： [{id:'55',text:'节点11',leaf:false,checked:true} ...获取tree的选中值方法：var nodes = tree.getChecked(); 当点击父级节点同时选中子
- EXTJS中Gridpanel加载checkbox的使用方法
废话不说，直接上代码： 第一步：声明变量
- ExtJs如何获取Panel中的dom元素
How to get html element contet from a panel?ExtJs自身方法操作Dom
- ExtJs之treePanel checkbox 复选框
需求目录树需要实现多级复选的时的应用 效果图代码1.实现关键—–子节点和父节点的联动/** 递归遍历父节点 **/ var travelParentChecked = function(node, checkStatus, opts){ //父节点 var upNode = node....
- ExtJS中xtype一览
基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup ...slid
- Extjs中checkbox和radio的使用的小例子
文件：edit.js Ext.define('BOOK.view.Edit', { extend: 'Ext.container.Container', alias : 'widget.bookEdit', layout:'border',//采用fit布局 /** 初始化方法 */ initComponent: function() { t
- ExtJS中的xtype类型
------------ ------------------ box Ext.BoxComponent 具有边框属性的组件 button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container ...
- EXTJS使用XType来定义组件及使用方法
extjs里使用xtype来定义一个页面组件，页面组件如下box Ext.BoxComponent 具有边框属性的组件 button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container Ext.Con
- ExtJS4.2 登陆表单(Login)简单示例
下面实例演示如何实现一个简单的extjs登陆表单，详细代码如下： ; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here Ext.onReady(function () { var lo
- java程序员菜鸟进阶（十一） Extjs4常用功能（二）ExtJs xtype属性值一览表
基本组件：xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton带下拉选项菜单的按钮buttongroupExt.ButtonGroup编组按钮(Since 3.0)sliderExt.Slider滑动条...
- Ext框架基础及核心简介
ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富 客户端的AJAX应用，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、...
- 预览ExtJS 4.0的新功能/新特性（一）：渲染组件的方式
ExtJS 3.3的下一个版本就是4.0。——什么！？您不知道？那就让我们为你展开新一段的 Ext 之旅吧！ 一、渲染组件的方式 话说 ExtJS Roadmap（新版本线路图）其中重要的一项就是“Rearchitected component rendering...
- ExtJS面板与布局
本例演示版为ext-4.2.1 ...面板（panel）是ExtJS中一个很重要的概念，它相当于一幅画板，我们可以在它的上面放置需要的各种组件，并使用不同的布局类对组件的摆放位置进行格式化，掌握这些布局类的特点及使用
- 速度真快，ExtJS第5个预览版发布
Release Notes for Ext JS 4 PR5 Release Notes: March 18, 2011 Version Number: 4.0.0pr5 Download: here Release Notes <br />New In This Release New Examples ...
- ExtJS 6.x 组件xtype一览
基本组件： xtype Class 描述 actionsheet Ext.ActionSheet audio Ext.Audio button Ext.Button 按钮 buttongroup Ext.ButtonGroup 编组按钮(Since 3.0) ...Ext.carousel.Carou
- ExtJs 中 xtype 与组件类的对应表
我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个我们在使用 ExtJs 创建组件时最容易理解的当然是用 new Ext.form....
- ExtJs之FormPanel篇
表单时是web中常见的元素，Ext中的表单也是特别丰富的，接下来我们一块看看表单的相关内容。 还是先看一下代码和效果： Ext.onReady(function(){ var fp=new Ext.form.FormPanel({ //注意：Ext.form.FormPanel=...
- Extjs所有组件
EXTJS的组件体系中有进40种组件，而这些组件又可以大致分成三大类，即基本组件、工具栏组件、表单及元素组件。 基本组件是构成Web UI的主体组件，因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了...
- ExtJs xtype属性值总结(非原创)
基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton ...Ext.ButtonGrou
- Extjs学习总结
1：按钮的禁用于否： 属性： disabled : true, 初始化时为禁用 Ext.getCmp(updateb).disable(); //禁用按钮 Ext.getCmp(deleteb).enable(); //恢复可用 2:面板 Ext.getCmp(rulepanel).setVisible(true);...
- ExtJs知识点概述
经过不断的发展与改进，ExtJS现在已经成功发布到了ExtJS 6版本,是一套目前最完整和最成熟的javascript基础库之一,利用ExtJS构建的WEB应用具有与桌面程序一样的标准用户界面和操作方式，并能够跨不同的浏览器平台...
- 学习ExtJS Panel常用方法
ExtJS Panel常用方法，需要(的)朋友可以参考下。 一、属* frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。 xtype：在EXTJS(的)可视化组件部署中(的)一种机制，即通过...
- 转一篇EXTJS很好的文章
转自http://www.cnblogs.com/beginor/archive/2008/12/14/1354922.html 不知不觉2008已经走到了尽头，在这近一年中，一直不断的尝试用ExtJS做项目，从1.1到现在的2.2，吃了不少苦头，也有不少收获，总结一下，一起...
- ExtJs特点、优缺点及注意事项
1.什么是ExtJs? ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端Ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发...
- extjs中xtype类型
xtype Class------------- ------------------box Ext.BoxComponent 具有边框属性的组件button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组
- ExtJs笔记
.Extjs是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJs可以用来开发RIA（Rich Internet Application,富互联网应用系统）的Ajax应用框架。 ExtJs是一个用javascript写...
- extjs学习总结
sencha -sdk F:\SvnCodeManage\repository\ext-6.0.0-gpl generate app extjs F:\SvnCodeManage\repository\aa extjs 学习资料 1、onReady 定义在onReady内的语句块会在页面上下文加载完毕后执行 2、define 定义...
- Extjs5.0(8)：Panel组件
Panel很简单，以至于我不知道如何开始这篇文章，直接上代码吧。 1、BasicPanel 上一篇文章我们已经在view包中创建了一个panel包，还建了一个BasicPanels.js文件，我们这里直接使用这个BasicPanels.js，在里面...
- Ext JS 容器Containers
Ext JS 容器(Containers)