EXTJS 4.2 资料控件之checkboxgroup的用法（静态数据）

EXTJS 4.2 资料控件之checkboxgroup的用法（动态数据）

在开发中遇到两种情况:第一在新增窗体时,要动态加载CheckBox项:第二在修改时不但需要加载所有CheckBox项,还要并且选中之前新增时的选项如图这是在修改页面的效果: 1.在新增窗体中动态加载checkboxgroup 1.1在新增窗体代码片段: { xtype: 'panel', width: 750, border: false, flex: 2, items: [{ xtype: 'checkboxgroup', id: 'lblOperationBehavior', name:…

EXTJS 4.2 资料控件之checkboxgroup的用法（静态数据）

1.页面 1.1点击‘横幅’,需要动态显示隐藏文本框 { xtype: 'fieldset', title: '指定附加图&横幅设置', collapsible: true, items: [ { xtype: 'container', layout: 'hbox', flex: 1, items: [{ xtype: 'checkboxgroup', fieldLabel: '指定附加图', width: 100, flex: 1, columns: 1, vertical: true, id…

EXTJS 4.2 资料控件之radiogroup 的用法

最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能:看了好多资料都不对,特此在这里备注记录代码如下, 1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是选择“是” a. { xtype: 'fieldcontainer', layout: 'hbox', defaults: { flex: }, items: [{ xtype: 'radiogroup', fieldLabel: '手机验证', width: , items: [ { boxLab…

EXTJS 3.0 资料控件之 html 潜入label用法

这是在Extjs 中插入html 控件label! html: "<div><label id='howMany'>您共选中了</label><br/></div>"获取label值:document.getElementById('howMany').innerText赋值label值:document.getElementById('howMany').innerText = "这是赋值"; docum…

EXTJS 3.0 资料控件之 combo 用法

EXTJS combo 控件: 1.先定义store //年款 var comboData_ReleasYear = [ ['], ['], ['], ['] ]; 2.定义combo控件 { layout: 'form', labelWidth: , width: , items: [{ xtype: 'combo', name: 'ReleasYear', allowBlank: false, fieldLabel: , store: new Ext.data.SimpleStore({ f…

EXTJS 4.2 资料控件之combo 联动

写两个数据源: 1.IM_ST_Module.js { success:true, data:[ { ModuleId: '1', ModuleName: '资讯' } , { ModuleId: '2', ModuleName: '交流' } , { ModuleId: '3', ModuleName: '图集' } , { ModuleId: '4', ModuleName: '商品' } ] } 2.IM_ST_Module_subl.js { success:true, data: […

EXTJS 4.2 资料控件textfield中fieldLabel去掉冒号，控件label的长度

代码: labelSeparator: '', // 去掉laebl中的冒号 labelWidth: 10,//控件label的长度…

EXTJS 4.2 资料控件之Grid 那些事

最近在学习Extjs4.2 ,积累文章,看得不错,再此留年: //表格数据最起码有列.数据.转换原始数据这3项 Ext.onReady(function(){ //定义列 var columns = [ {header:}, //sortable:true 可设置是否为该列进行排序 {header:}, {header:}, {header:,renderer:function(value){ if(value=='可用'){ return "<span style='color:gree…

EXTJS 4.2 资料控件之Window窗体自动填充页面

1.html页面代码: <div id="component" style="width:100%;height:100%"> <body> <div id="component" style="width:100%;height:100%"> <script type="text/javascript"> Ext.onReady(function () {…

EXTJS 4.2 资料控件之Grid Columns 列renderer 绑定事件

columns: [ { header: '序号', xtype: 'rownumberer', align: 'center', width: 100 }, { header: 'CompanyId', dataIndex: 'CompanyId', width: 100, hidden: true }, { header: '商家名称', dataIndex: 'CompanyName', width: 200 }, { header: '商家英文名称', dataIndex: 'Compa…

EXTJS 4.2 资料控件之 Store 用法

最近工作,发现在Extjs中自定义Store的功能挺多,特意在此做笔记,几下来,具体代码如下: 1.定义Store //定义Store var ItemSelectorStore = new Ext.data.ArrayStore({ fields: [ { name: 'BaseInfoId' }, { name: 'Title' } ] }); 2.根据Grid的数据,循环往Store里面插 var selectedData = InfoCollectionGrid.getSelection…

EXTJS 3.0 资料控件之 itemselector 用法

var dsform = new Ext.data.ArrayStore({ data: [[123, 'One Hundred Twenty Three'], ['1', '今天星期一'], ['2', '2014.12.29'], ['3', '9.25'], ['4', '北京'], ['5', '肖村桥'], ['6', '成换成'], ['7', '35号'], ['8', '4层'], ['9', '6666']], fields: ['value', 'text'], sortIn…

EXTJS 4.2 资料控件之Grid 行编辑绑定下拉框，并点一次触发一次事件

主要代码: { header: '属性值', dataIndex: 'PropertyValueName', width: 130, editor: new Ext.form.field.ComboBox({ typeAhead: true, triggerAction: 'all', name:'PropertyValueName', store: comboData_DynaPropertyValue, valueField: "PropertyValueName", displa…

EXTJS 4.2 资料控件之Grid 添加行，编辑行，删除行

//SiteVariableConfigValue类,创立一个模型类 Ext.define("SiteVariableConfigValue", { extend: "Ext.data.Model", fields: [ { name: 'SVCValueId', type: 'int', sortable: true }, { name: 'SVCId', type: 'string', sortable: true }, { name: 'KeyInItem',…

EXTJS 4.2 资料控件之 xtype: "fieldcontainer",追加html

{ xtype: "fieldcontainer", layout: "hbox", items: [ { fieldLabel: '素材目录', name: 'Path', xtype: 'textfield', allowBlank: false, readOnly: true, width: 300 }, { border: false, html: "<div style='font-weight:800;color:red'>说明:这…

EXTJS 4.2 资料控件之隐藏显示setVisible、只读setDisabled

隐藏: form_Step3_1_left.form.findField('CPTypeId').setVisible(false); 显示: form_Step3_1_left.form.findField('CPTypeId').setVisible(true); 禁止: form_Step3_1_left.form.findField('CPTypeId').setDisabled(true);…

EXTJS 4.2 资料控件之tabpanel 静态生成tabpanel

//**************页面主体开始***************** var tabpanel = Ext.createWidget('tabpanel', { activeTab: 0, //指定默认的活动tab height: '100%', width: '100%', minTabWidth: 115, tabWidth: 135, plain: true, //True表示tab候选栏上没有背景图片(默认为false) enableTabScroll: true, //选项卡…

EXTJS 4.2 资料控件之btn设置可否点击

1.下面是一个btn按钮的代码,默认不可以点击 { id: 'skipStep3', disabled: true,//默认不可点击 text: "跳转第三步", handler: function () { SaveDataAggrContSetting_Step2_1(); SaveDataAggrContSetting_Step2_2(); } }, 2.设置可以点击代码 Ext.getCmp('skipStep3').setDisabled(false);//可点击…

EXTJS 4.2 资料控件GroupingGrid

http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-17/179.html…

EXTJS 4.2 资料控件lable定义

代码: { xtype:'label', id:'label', labelSeparator :'', // 去掉laebl中的冒号 fieldLabel : '这是个label' } 赋值: Ext.getCmp('label').setText("我是label!哈哈");…

EXTJS 4.2 资料控件之Window窗体添加html

//这里要跳转页面 var subWindow = new Ext.Window({ title: '窗口', width: width, height: height, modal: true,//模态的后面的页面就不能点了 frame: true, layout: 'fit', closeAction: 'hide', closable: true, //是否显示关闭按钮 maximizable: true,//最大化 minimizable: true,//最小化 listeners:…

EXTJS 4.2 资料控件之Window窗体相关属性的用法

最大化,最小化,是否显示关闭按钮 var win_CommonPicLibMultiple = Ext.create("Ext.window.Window", { title: "选择图片", //标题 draggable: false, border: false, icon: '/Resources/Images/16x16/blue16_005.gif', height: 800, //高度 width: 1200, //宽度 layout: "fi…

EXTJS 4.2 资料控件之textfield文本框加事件的用法

{ xtype: "textfield", width: 100, id: "txtGroupName", name: "txtGroupName", listeners: { change: function (t, newV, oldV, eOpts) { alert(newV); } } }…

EXTJS 4.2 资料控件之Grid 列鼠标悬停提示

columns: [ { header: }, { header: }, { header: , renderer: function (v, ctx, record) { ctx.tdAttr = " data-qtip = '这里是TIP内容!'"; return v; } }, { header: }, { header: , renderer: function (v, nv, v1) { var Update = "<img src='/Resources/I…

EXTJS 3.0 资料控件之 GridPanel属性与方法大全

1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModel enableHdMenu:…

EXTJS 3.0 资料控件之 Toolbar 两行的用法

var toolbarCarType = new Ext.Toolbar({ //width: 500, //autoWidth:true, pressed: false, toggleGroup: 'butToolbar', allowDepress: false }); toolbarCarType.add( { text: '汽车商标', icon: '/Image/icon_padlock.png', id: "btnTrademarkCar", handler: functi…

EXTJS 3.0 资料控件之 FormPanel 插入button用法

最近发现项目中FormPanel 里面需要增加 button,的模块比较多,具体代码如下: var eastPanelForm_Dele = new Ext.form.FormPanel({ id: 'eastPanelForm_Dele', width: 250, border: false, autoScroll: true, height: 400, frame: true, layout: 'form', region: 'center', items: [{ bodyStyle: '…

TreeView树形控件递归绑定数据库里的数据

TreeView树形控件递归绑定数据库里的数据. 第一种:性能不好第一步:数据库中查出来的表,字段名分别为UNAME(显示名称),DID(关联数据),UTYPE(类型) 第二步:前台代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tree.aspx.cs" Inherits="Maticsoft.Web.tree" %> <!DOCT…

利用Aspose.Cell控件导入Excel非强类型的数据

导入Excel的操作是非常常见的操作,可以使用Aspose.Cell.APOI.MyXls.OLEDB.Excel VBA等操作Excel文件,从而实现数据的导入,在导入数据的时候,如果是强类型的数据,那么这几种方式好像都表现差不多,正常操作能够导入数据.如果是非强类型的数据,那么就需要特别注意了,一般情况下,导入的DataTable数据列的类型是以第一行内容作为确定列类型的,本文介绍利用Aspose.Cell控件导入Excel非强类型的数据的操作. 什么是强类型的数据呢,就是在Excel表格中…

Android控件RecyclerView的基本用法

Android控件RecyclerView的基本用法转 https://www.jianshu.com/p/e71a4b73098f github: https://github.com/CymChad 前言:虽然在日常开发中已经多次接触过RecycleView,但也只是用到其最基本的功能,并没有深入研究其他内容.接下来将抽出时间去了解RecycleView的相关内容,同时在博客中进行记录,以此加深印象.这篇文章主要是介绍RecycleView的使用方法. 一.RecyclerView是什…

【EXTJS 4.2 资料 控件之checkboxgroup的用法（静态数据）】的更多相关文章

【EXTJS 4.2 资料控件之checkboxgroup的用法（静态数据）】的更多相关文章