随笔分类 - JavaScript
摘要：先来个声明，看着不错，贴过来的，没都测试过。Store.getCount()返回的是store中的所有数据记录，然后使用for循环遍历整个store，从而得到每条记录。除了使用getCount()的方法外，还可以使用each()函数，如下面的代码所示。1.store.each(function(record){ 2.alert(record.get('name')); 3.});Each()可以接受一个函数作为参数，遍历内部record，并将每个record作为参数传递给function()处理。如果希望停止遍历，可以让function()返回false。也可以使用getRan
阅读全文
摘要：Store.getCount()返回的是store中的所有数据记录，然后使用for循环遍历整个store，从而得到每条记录。除了使用getCount()的方法外，还可以使用each()函数，如下面的代码所示。store.each(function(record){ alert(record.get('name')); }); Each()可以接受一个函数作为参数，遍历内部record，并将每个record作为参数传递给function()处理。如果希望停止遍历，可以让function()返回false。也可以使用getRange()函数连续获得多个record，只需要指定开始和
阅读全文
摘要：使用gridpanel时我们有时需要给设置autoHeight:true，但这时如果表格的宽度大于它的容器的宽度，多余的内容就会被隐藏而不会出现横向的滚动条，费了老大劲儿才找到了解决办法，方法就是给gridpanel的option config添加如下属性：Js代码viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered } var g = th...
阅读全文
摘要：1 问题描述 ComboBox在FormPanel里面初始化的时候设置隐藏 注意hidden :true属性，这样ComboBox在FormPanel加载后隐藏了，但是问题是他的fieldLabel 还是显示出来。{ id:'moidfyForm_combo', xtype:'combo', fieldLabel : '协议类型', valueField : "id", hidden :true, displayField : "value", forceSelection : true, allowBla
阅读全文
摘要：重要按钮配置项 handler: renderTo:取得控件及其值var memo = form.findById('memo');//取得输入控件alert(memo.getValue());//取得控件值NumberField控件整数，小数，数字限制，值范围限制 new Ext.form.NumberField({ fieldLabel:'整数', allowDecimals : false,//不允许输入小数 allowNegative : false,//不允许输入负数 nanText :'请输入有效的整数',//无效数字提示 }), n
阅读全文
摘要：方法1:此方法适用于Extjs按钮handler处理,一般在最前面说明function changeMsgBoxFocus(buttonIdx){ function exmyth() { Ext.MessageBox.getDialog().buttons[buttonIdx].focus(); } exmyth.defer(100, this);}Ext.MessageBox.getDialog().addListener('show', changeMsgBoxFocus.createCallback(2));...
阅读全文
摘要：RowspanView.css<style> .spanScore {display:block;text-align:center;} .x-grid3-row td, .x-grid3-summary-row td{ padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; } .x-grid3-row { border-right-wi...
阅读全文
摘要：引用声明： 本效果的本质，只是用css去除边框而已，不包含分组功能。 代码在IE6-8, FF3下测试通过 代码依赖于Extjs 3.x1.加入css样式Java代码 /*rowspangrid合并行效果*/.rowspan-grid.x-grid3-body.x-grid3-row{border:none;cursor:default;width:100%;}.rowspan-grid.x-grid3-header.x-grid3-cell{/*border-left:2pxsolidtransparent;*//*ie6的transparent下显示黑色?*/border-left:2p.
阅读全文
摘要：Array类可以如下定义： var aValues = new Array(); 如果预先知道数组的长度，可以用参数传递长度 var aValues = new Array(20); ------------------如下2种定义方式是一样的--------1----------- var aColors = new Array(); aColors[0] = "red"; aColors[1] = "green"; aColors[2] = "blue"; alert(aColors[0]); // output "re
阅读全文
摘要：this.formpanel = new Ext.FormPanel({ items : [{ fieldLabel : '代码', name : 'FCode', anchor : '100%', id : 'fid' }, { fieldLabel : '名称', name : 'FName', anchor : '100%' // anchor width by percentage }, { xtype : 'textfield', name : 'F
阅读全文
摘要：bodyStyle :'overflow-x:hidden;overflow-y:scroll', //隐藏水平滚动条,显示用overflow-x:visiblehidden 隐藏scroll :一定有 auto:自动通过这个方法可以显示或隐藏滚动条var form = new Ext.form.FormPanel({frame : true,labelWidth : 80,height : 400,autoScroll : true,bodyStyle : 'overflow-x:hidden; overflow-y:scroll',items : []})E
阅读全文
摘要：怎样打开Chrome的开发者工具？你可以直接在页面上点击右键，然后选择审查元素：或者在Chrome的工具中找到：或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。打开的开发者工具就长下面的样子：不过我一般习惯与点左下角的那个按钮，将开发者工具弹出作为一个独立的窗口：下面来分别说下每个Tab的作用。Elements标签页这个就是查看、编辑页面上的元素，包括HTML和CSS：左侧就是对页面HTML结构的查看与编辑，你可以直接在某个元素上双击修改元素的属性，或者你点右键选"Edit as Html&q
阅读全文
摘要：easyui :实现Tab页面Jqueryui+easywidgets 实现可拖动个性化页面左侧类似淘宝商城菜单使用css实现点击菜单,在新tab页中显示新页面...ok.贴代码:<head><title></title><linkhref="easyui/themes/default/easyui.css"rel="stylesheet"type="text/css"/><linkhref="easyui/themes/icon.css"rel="s
阅读全文
摘要：用的column布局,点击一个按钮能添加一行组件，如文本框，有下拉框等。Exmyth 1 /*! 2 * Ext JS Library 3.4.0 3 * Copyright(c) 2006-2011 Sencha Inc. 4 * licensing@sencha.com 5 * http://www.sencha.com/license 6 */ 7 Ext.onReady(function(){ 8 // 添加按钮 9 var newDept_action = new Ext.Action({ 10 ...
阅读全文
摘要：1.substring 方法定义和用法substring 方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。返回值一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的...
阅读全文
摘要：Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是Ext.Element.get的简写形式。get方法中只有一个参数，这个参数是混合参数，可以是DO
阅读全文
摘要：几个ＵＩ框架的比较k: 目前工作中可能会常用到几个ＵＩ框架，如Ext: http://docs.sencha.com/ext-js/4-1/#!/example感觉其过于复杂，性能不高，所以一直没有在项目中实践过。YUI: http://yuilibrary.com/Yahoo开发的一套ＵＩ框架，可惜不是基于jQuery的。jQueryUI: http://jqueryui.com/demos/tabs/#manipulationjQuery自带的一个可选ＵＩ库，但是非常可惜，一些关键的组件没有包含进去，如TreeView, DataGrid，还需要寻找第三方的插件。EasyUI: http:
阅读全文
摘要：1、数组元素的添加 push方法在数组的尾部添加元素： var colorArray=new Array(); colorArray.push('red','black','yellow'); //这里是直接压入三个元素 //当然也可以这要写 colorArray.push('red'); colorArray.push('black');2、数组元素的删除与插入 pop方法删除数组的最后一个元素： var colorArray=new Array(); colorArray.push('red',
阅读全文
摘要：Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项间的时间间隔，默认为15分钟 format：显示格式，默认为“g:i A”。一般使用“H:i:s” H：带前缀0的24小时 i：带前缀0的分钟 s：带前缀0的秒 invalidText：当时间值非法时显示的提示信息 altFormats：多个时间输入格式组成的字符串，不同的格式之间使用“|”进行分割Ext...
阅读全文
摘要：ExtJs Grid分页时，默认情况下每页的序号都是从1起始的，这往往不符合我们的习惯。这里实现了序号的自动增加。先看效果图：实现步骤如下：1、定义全局变量。var record_start = 0;2、Grid的columns部分的定义。columns:[newExt.grid.RowNumberer({header:"序号",width:40,renderer:function(value,metadata,record,rowIndex){returnrecord_start+1+rowIndex;}}),{header:"项目编号",width:
阅读全文
浙公网安备 33010602011771号