Ext.namespace('CRM.Panels'); //Ext.BoxComponent 这里继承是参考的Ext.form.Field CRM.Panels.Fckeditor = Ext.extend(Ext.BoxComponent, { initComponent: function() { var fckMainBodyId = this.fckMainBodyId == "" ? "fckMainBodyId" : this.fckMainBodyI…

关于PropertyGrid控件的详细用法请参考文献: 1.C# PropertyGrid控件应用心得 2.C#自定义PropertyGrid属性 首先定义一个要在下拉框显示的控件: using System; using System.Windows.Forms; namespace Simon.WinForms.Examples.PropertyGrid { public class EditorControl : UserControl { public EditorControl() {…

fckeditor控件请到官方网站下载http://www.fckeditor.net,本例主要用到FCKeditor_2.6.3.zip.fckeditor-java-demo-2.4.1.zip.fckeditor-java-2.4.1-bin.zip里面的一些内容,读者可以自行下载. 1.解开压缩包FCKeditor_2.6.3.zip,将其中的fckeditor文件夹复制到WEB-INF下面,后面可以直接使用. 2.在页面中使用FCKeditor有两种方式.方式一:JavaScript的…

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

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…

[摘要]: 选择时间过后我们为什么需要监听事件?一般有这样一种情况,那就是用于比较两个时间大小或者需要判断在哪个时间点上需要做什么样的操作.基于这样的种种情况,我们很有必要琢磨一下datefield控件的日期选择事件了的. 那么我们如何添加日期选择事件呢?针对这样一个问题,网上有很多ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来说不同时,触发该事件,change事件添加核心代码如下所示: { xtype: 'datefield', name: 'birthday', f…

写两个数据源: 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: […

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

博文開始之前,首先要感谢大牛:(lmj623565791),本博文是在其博文http://blog.csdn.net/lmj623565791/article/details/40212367基础上进一步的改动而来. 本博文主要是利用ListView实现多级树控件,并通过CheckBox来对各节点的全选与反选的功能,首先来看一下效果: 对于多级树的显示事实上就是通过数据中各个节点的关系,通过不同的缩进来达到树的效果.而数据中主要要把握id,父节点pId.name的关系,来显示其效果. 代码实现例…

Extjs的日期控件,仅仅能支持到日期选择,对时间的选择并不完好.而网上下载的控件,都是基于Ext.form.dateField 开发.在选中日期后自己主动选择,并隐藏此选择窗体. 在经过一番改造后,最终做好了一个带确认button的时间选择控件.截图例如以下 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYXdlNTU2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/grav…

最近在学习JavaScript,在编写一个demo时出现一个错误.为表单中的提交按钮控件定义的id属性值为submit,致使程序出错.如下代码:(js代码省略) <form method="post" name="register"> User  :<input type="text" name="user" /><br /> Password:<input type="pa…

android尽管定义了种类很丰富的控件.可是有的时候这些自己定义的控件还是不能满足我的要求,为了可以适配很多其它的需求,我们须要在原有的基础上进行自己定义控件. 今天我向大家介绍的就是android中最常见的刷新类控件.由于我们近期正在參加一个项目.在项目组长的带领下.我学到了非常多的东西,这对我的android技术的提升非常大,定义一个自己定义控件可能不是非常难.可是怎样让这个自己定义控件更加有效.更加高速地执行. 首先我们须要建立一个自己定义控件类: package com.example…

xaml格式描述: <DataGrid Name="dataGrid" Grid.Row="1" ItemsSource="{Binding}"  >            <DataGrid.Columns>              <DataGridTemplateColumn Header="描述">                    <DataGridTemplateCo…

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

原文:http://www.cnblogs.com/eric_ibm/p/3772516.html xaml格式描述: <DataGrid Name="dataGrid" Grid.Row="1" ItemsSource="{Binding}"  >            <DataGrid.Columns>              <DataGridTemplateColumn Header="描述&q…

在之前的DataGrid的DataGridTemplateColumn列中,自定义了一个TextBox控件,但是在C#代码中提示找不到这个控件,导致无法对该控件进行操作.在网上搜索后,发现一些处理方法比较繁琐,下面这个方法最简便. xaml格式描述: <DataGrid Name=" ItemsSource="{Binding}" > <DataGrid.Columns> <DataGridTemplateColumn Header="…

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

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

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

因为不支持时分秒,然后在网上也找了一段时间的插件,但是感觉起来都不大方便,最后找一个插件,只需要引用js文件,然后修改类型,就可以实现extjs下面的datafield带时分秒功能了. 步骤: 只需要直接引用四个js文件 不过需要按照顺序去引用<script type="text/javascript" src="datetime/UX_TimePickerField.js"></script> <script type="t…

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 () {…

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

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…

{ xtype: "fieldcontainer", layout: "hbox", items: [{ fieldLabel: '开始时间', name: 'CreateTime', xtype: 'datefield', editable: false, emptyText: "--请选择--", format: "Y-m-d",//日期的格式 allowBlank: false, width: 300, }, { fie…

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

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

{ 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'>说明:这…

隐藏: 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);…

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

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