ExtJS
NeroJings
一切不过是思想的产物!
展开
-
Ext.form.FormPanel表单相关(如何得到表单上面的值,如何去掉field前面的冒号)
1、得到值: varmohu=Ext.getCmp('hh').getForm().findField('mohu').getValue();“hh”是组建的ID名2、去掉冒号:{xtype:'checkbox',boxLabel:'模糊查询',name:'mohu',labelSeparator:''}关于Ext的表单暂时就这些内容可以写。先写到这里如果学习原创 2011-12-13 14:44:17 · 4647 阅读 · 0 评论 -
Ext.form.Combox静态下拉框的编写
var cities=[ [1,'大港区'], [2,'静海'], [3,'宁河'], [4,'宝坻'], [5,'武清'], [6,'蓟县'] ]; var proxy=new Ext.data.MemoryProxy(cities); var City=new Ext.data.Record.create([ {name:'cid',type:'int',m转载 2012-03-22 14:56:36 · 5201 阅读 · 0 评论 -
动态Ext.form.Combobox的写法<案例>
//遊戲名稱下拉store var gnamestore = new Ext.data.Store({ //动态store proxy: new Ext.data.HttpProxy({ url: '../pages/gamania/gameserver!getGameNam原创 2012-03-30 11:34:00 · 962 阅读 · 0 评论 -
Combo组件相关属性的解析(下拉框)
var cmplxfrom=new Ext.form.ComboBox({ fieldLabel : '电话类型', typeAhead : true, editable : false, triggerAction : 'all', store : new Ext.data.SimpleStore({ fields : ['row', 'val原创 2011-12-13 14:53:22 · 1287 阅读 · 0 评论 -
JS中的log对象获取以及debug写法
var log = new Logger('***.js')if (log.isDebugEnabled()) { log.debug('xxxxx'); }原创 2012-04-09 16:02:34 · 2878 阅读 · 0 评论 -
Ext.Ajax.request和Ext.lib.Ajax.getConnectionObject() 2种Ext的交互方法
1、 在用ext中我们除了用store的load()方法发送请求之外就是用Ext.Ajax.request了下面我来简明阐述一下它的用法:(最简单的一个请求) Ext.Ajax.request({ url: 'FN/funAction_deleteById.action', params: {jids:j原创 2011-12-20 15:16:24 · 5759 阅读 · 0 评论 -
Extjs Store在load之前如何传值
对于在Extjs的store在load之前有的时候我们需要改变原来的配置参数。转而传递动态参数或者增加参数.如下方式Ext.apply就可以解决该问题:deptEmpName是一个store对象。传递方式为如下代码://动态改变baseParamsdeptEmpName.on('beforeload',function(){ Ext.apply(原创 2012-11-01 14:40:13 · 2770 阅读 · 0 评论 -
Extjs 2.2下拉框作为Editor的时候提交Value的问题
在Extjs项目中我们经常用到EditorGridPanel。在相关的列字段中编辑相关的值然后提交到后台。只是在遇到Combobox作为Editor的时候.在更改编辑之后显示的值是ValueField而不是DisplayField这不是我们愿意看到的1、Gridpanel中的cm声明代码.注意看[所属分店]声名的Editor:var cm = new Ext.grid.Column原创 2012-11-01 15:36:54 · 2145 阅读 · 0 评论 -
Extjs Combobox通过Dom获取ValueField和DisplayField
Extjs Combobox代码:1. items:[ 2. { 3. widthidth:150, 4. layout:'form', 5. border:false, 6. items:[{fieldLabel:'站点名称', 7. xtype:'combo'原创 2012-11-01 14:33:20 · 7939 阅读 · 0 评论 -
Extjs2.2 RadioGroup的声明对象和getValue、SetValue方法的用法
用过的朋友都知道extjs的RadioGroup组件的setValue和SetValue貌似有bug。是不成功的在此我来解决一下这个问题:1、声明RadioGroup的代码:var radiogroup= new Ext.form.RadioGroup({ fieldLabel : "性别", items : [{原创 2012-11-01 15:22:15 · 3642 阅读 · 0 评论 -
Extjs 如何修改一个已经渲染好的配置组件属性
本篇blog是来阐述如何修改一个已经渲染好的组件的配置属性呢?请看下面案例代码:1、声明对象:{ xtype : 'datefield', fieldLabel : '查询 起' , name : 'Searchstart', width : 100, format : curformat,原创 2012-11-01 15:07:15 · 9610 阅读 · 3 评论 -
在EditorGridPanel中插入一行(经常在增加的时候用到)
编辑的时候。添加一行function add(){ alert('add'); //定义一个新的row var row = new Ext.data.Record({ function_id:'', //这里是和ColumnModel里面的dataIndex相互对应的 function_name:'',原创 2011-12-13 16:07:16 · 6373 阅读 · 0 评论 -
实例讲解布局---layout
今天结合自己做过的例子写一个布局的文章。方便大家学习:例子截图:源代码:Ext.onReady(function(){ var panel=new Ext.Panel({ id:'panel', renderTo:'hello', width:原创 2011-12-13 16:22:52 · 873 阅读 · 0 评论 -
给grid中的记录添加超链接显示
效果截图:其实这个效果很简单在grid的构成中有一个columnModel 在它中有这样一个属性。我们只要像下面这样设置就好renderer:function(value){return ''+value+''}}, 总体写法拿出来晒晒:{header:'编号',dataIndex:'service_id',align:'center',id:'se原创 2011-12-13 16:16:58 · 1557 阅读 · 0 评论 -
Ext的Panel总结(好文章)
我刚才禁不住诱惑去看了一下Ext.Window的API文档,发现只是比Panel多了点什么最大化、最小化、关闭、置前、置后、动画引发目标设置、可调整大小这些功能。像什么标题栏、工具栏之类的东西在Ext.Panel早就封装好了。搞定了Ext.Panel终于可以闷声发大财罗。哈哈哈。 这一文主要总结一下,panel的常见用法。 一、使Panel的标题栏隐藏 这是常有的事,常常,一个栏转载 2011-12-13 15:28:28 · 12822 阅读 · 0 评论 -
分部分叙述extjs的分页
在这里我将前台和服务器的代码都拿了过来。大家有什么看不懂的地方可以交流。分页的地方就这几点。1、配置grid中的bbarvar grid= new Ext.grid.GridPanel({ bodyStyle:'border:1px solid', height:150, width:600,原创 2011-12-13 16:41:57 · 939 阅读 · 0 评论 -
配置可以选择批量记录的grid---Ext.grid.EditorGridPanel
这个需要注意的就是下面粗体的地方。多一个SM。这个SM就是CheckboxSelectionModel。将这个配置到ColumnModel中。表格就成为可以选择的了。//grid的checkbox要配置的选项var sm=new Ext.grid.CheckboxSelectionModel(); //表格的cm属性.这里将sm设置在里头 var cm=new Ext.grid.C原创 2011-12-13 16:29:28 · 1325 阅读 · 0 评论 -
Store和Jsonstore的用法简单解析
1、store运用proxy发送请求的storevar store=new Ext.data.Store({ proxy : new Ext.data.HttpProxy({// 配置数据源代理 url : 'GI/gameInfo_searchByFields.action', tim原创 2011-12-13 15:46:00 · 10634 阅读 · 0 评论 -
tbar和btn数据组合写tbar的效果还有其分割线的实现
在实际的项目开发中我们经常会遇到一个panel或者window容器里面放置tbar并且放入好多个按钮,我要写的就是这样的一个例子最终效果截图:1、定义按钮组合var btns=[ { id:'hidebtn', text:TxtForFunction.hid, //隐藏条件 iconCls:'HideConditions',原创 2011-12-13 14:40:05 · 2652 阅读 · 0 评论 -
Extjs框架viewport总结之最简单的viewport案例图解(入门专用)
viewport简单的入门文档:重要 属性解析:region:在整个框架中的位置属性 north west center east southcollapsible:true 可不可以拉伸效果图:代码:Ext.onReady(function(){new Ext.Viewport({enableTabScroll:true, layout:"bor原创 2011-12-27 19:46:05 · 14416 阅读 · 1 评论 -
Ext.MessageBox 大集合 不同的dialog图解加写法 出自example
我们知道在Ext中有很多漂亮的dialog,如何做出来在Ext中原带的example中有写。但是为了以后方便用,特写这样一篇博文以下是效果图和代码还有部分注释,大家根据自己需要略加修改就好:1、alert对话框效果图:代码:function a1(){//alert案例Ext.MessageBox.alert('title','text');}2、confirm案例转载 2011-12-27 18:54:33 · 2293 阅读 · 0 评论 -
Extjs之icon和iconCls的图解写法,通俗易懂
icon:在文字下面的背景图。直接写路径即可。效果图:代码如下: { text:'btn1', xtype:'button', //iconCls: 'bik', icon:'css/feed_add.png' 直接指定路径即可 } iconCls:与文字一原创 2011-12-27 17:07:15 · 29702 阅读 · 0 评论 -
结合grid的cellclick事件来讲解api的事件理解
/*很多新手往往看到一个function传递很多参数的时候有一些不解,我们都知道Java里面定义方法都是要将参数写到方法里面定义但是js呢?根本没有看到这个参数但是它确实存在的。下面我们就结合ext的cellclick方法来讲解这个现象:在这个里面我们可以看到。这里添加的是grid的cellclick事件。然后后面是触发的方法。需要注意的就是这个方法。我们看API里面的写法: */cel原创 2011-12-13 16:49:39 · 10428 阅读 · 1 评论 -
Extjs 2.2 Viewport实用案例之二
刚刚完工一个Extjs项目在此将其Viewport代码总结一下。以备不时之需:效果截图:代码如下:var indexview = new Ext.Viewport({ layout: 'border', hideBorders : true, items:[{ border : false, region:"nort原创 2012-11-01 16:38:35 · 2031 阅读 · 1 评论