Web开发网 > Web前端开发 > Web前端开发框架
首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页 尾页 4/8页，每页显示30条，共211条相关记录
ext4+的store对象如何读取服务器返回附加数据，附加数据存储在数据行外面，如下面所示的fields如何获取{success:true,fields:[field1,field2],rows:[{id:1,Name:Name1,Address:Address1},{id:2,Name:Name2,Address:Address2}]} 可以获取store对象的proxy对象，从proxy中获取reader，reader有一个rawData属性，包含的就是服务器返回的原始..
ext 3.x版本如何通过store对象获取服务器记录集外的附加属性，如下面的数据结构，如何获取附加的abc属性。{totalCount:6679,abc:xx00,rows:[/*记录集合*/]} 我们通过console.log输出ext3.x store对象，在控制台可以监视到store的reader对象的jsonData包含了服务器返回的原始json数据，如下图所示 通过上图就知道要获取ext 3.x版本服务..
easyui datagrid使用detailview显示数据行详细信息时，如果datagrid加载时没有数据行，插入数据后，调用getChanges方法，第一行添加的数据获取不到，只能获取到第二行之后的数据，如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。 要想解决easyui datagrid使用detailview，当datagrid中无数据加载时..
jQuery easyui datagrid插件配置idField设置数据中哪列为主键列时注意一定要配置正确，要不当勾选了一条记录后，当点击导航的上一页，下一页进行翻页或者刷新时，重新加载进入datagrid的数据会全部被勾选。idField配置错误受到影响的版本和症状jquery easyui1.3.4：勾选一条记录后，翻页或者刷新数据会导致加载的数据全部被勾选jquery easyu..
症状：调用easyui datagrid的getChecked方法获取勾选的数据集合时，无法正确获取勾选的记录集合，只能获取到第一条记录信息，或者获取到idField指定的列中非重复数据行。 分析：出现这个问题，是因为配置了idField的问题，Field即是指定那个列为唯一ID，如果Field配置的值不在返回的数据列里面，或者idField配置的值在返回的数据列里面，..
如何禁止对ext的propertygrid的字段进行编辑。 对于禁止编辑ext propertygrid的所有字段，可以有2种方法1）配置disabled ：true（Ext版本2.3.0+），所有字段无法编辑，propertygrid显示为灰色的。var propsGrid = Ext.create('Ext.grid.property.Grid', { disabled :true,//....propertygrid其他配置});2）使用beforeedit事件..
ext4如何判断tabpanel中是否已经存在某个tab，如果存在就激活这个tab，否则重新打开tab。 原理：在tabpanel添加tab的时候增加tab的id配置，然后通过Ext.getCmp获取控件，如果不存在则添加此tab，否则调用tabpanel的setActiveTab方法激活此tab。 示例代码，点击左边菜单treepanel的叶子节点时，在右边的tabpanel中动态添加tab，在添加前..
本示例通过Ext.window结合Ext.grid.property.Grid来实现GridPanel中的数据行详细信息显示，效果如下图所示 主要源代码如下，修改自ext-4.1.1a\examples\grid目录下的array-grid.html这个示例，其他版本的ext如果没有效果自己查找对应的API看接口是否更改过 title: 'Array Grid', listeners: { 'select': fu..
easyui datagrid在编辑状态下，用鼠标勾选了数据行后，在调用acceptChanges接受数据更改，恢复到不可编辑状态时，此时调用getChecked无法获取到之前在编辑状态下勾选的数据，虽然此时数据行前面的复选框checkbox还是在勾选的状态。 经过研究源代码发现，应该是easyui datagrid的bug，datagrid getChecked获取勾选的数据行是通过判断tr是否..
本示例将计算easyui datagrid某些列的数据求和，然后将求和的数据显示在所在easyui列的最下面，实现统计功能，效果如下图 源代码如下table id=dg/tablescript $(function () { $('#dg').datagrid({ singleSelect: true, onLoadSuccess: compute,//加载完毕后执行计算 url: 'prod..
本示例代码实现单击jquery easyui datagrid的单元格时，取消datagrid默认选中高亮此行的样式，改为选中单击的单元格所在的列，高亮此列上的所有单元格。可以配置全局single变量，只允许同时选中一列，如果不配置则默认可以选中多列。单击选中的列会取消选中高亮样式。 源代码如下，示例测试的easyui版本为1.3.5，如果没有效果，自己用fir..
本源代码将Ext的Tree对象或者TreeStore加载的数据源转换为原始的json对象。如果对tree对象节点增加删除后，需要保存结果到服务器的json文件中，而不是数据库，可以将递归遍历TreeStore获取原始数据并重建对应的JSON对象。 获取Ext Tree/TreeStore加载的原始JSON数据源代码如下，测试通过版本：ext-4.1.1a（ext4-没有Ext.data.NodeInterfa..
如果jqgrid一次行加载的数据太多，而不想通过拖动滚动条来查看数据，需要javascript代码自动滚动滚动条，实现数据自动滚动展示，可以通过下面的办法实现。 jqgrid数据加载生成完毕后（gridComplete事件），获取数据数据的容器，用计时器来设置容器的scrollTop来实现。jqgrid的数据容器样式为.ui-jqgrid-bdiv，获取这个div。 jqgrid自动..
TreeGrid要使用XML作为数据源，有2种方法。 第一种：首先用Ext.ajax请求xml文件，然后自己写解析方法，通过Ext.data.NodeInterface动态向treestore中添加嵌套数据，最后在再生成treegrid对象。 第二种：参考xml-tree.html这个示例，将treegrid的节点动态加载，不过既然通过动态页生成数据，还不如直接用动态页处理xml文件成需要的json数据来..
jqGrid行编辑配置，方法，事件 行编辑可以在行修改后更新数据，如下图所示 用户用鼠标点击选择一行，jqGrid将可编辑的字段转换为数据输入单元，如上面图所示。不可编辑的列，如id，不会转为可输入单元，而是保持不变。可以通过配置colModel来实现。完成修改后，按下enter键提交数据到服务器。软件要求和安装 要使用行编辑功能，需要在j..
easyui accordion的内容panel title标签不要设置为javascript与false等效的内容，如0，''（空字符串），要不这个panel无法呈现在accordion布局中。 这个可能是由于accordion部分方法，如getPanel/select/remove方法的参数可以指定为title（也可以为panel的下标，从0开始），如果title为与false等效的值，easyui就直接忽略了。 ..
easyui的tree如果是异步加载的，点击节点展开子节点，会自动将点击节点的配置的id参数回发给服务器，服务器接收这个参数后动态读取此节点的子节点输出实现easyui tree的绘制。 要想给回发服务器的参数添加其他附加的参数值，可以增加onBeforeLoad事件，此事件有２个参数，node和param，node是当前点击的节点信息，param是回发给服务器的参..
功能描述：同一个页面上有多个datagrid，拖动其中一个datagrid的滚动条时，其他datagrid也同时滚动和当前datagrid一样的滚动距离。 实现方法：easyui datagrid出现滚动条的容器为一个div，样式为datagrid-body，所以只需要获取这个容器，设置容器的scrollLeft和scrollTop即可实现滚动联动设置。注意：表头也有div为datagrid-body的div，需..
jqGrid的删除添加等工具栏目条默认是放在jqGrid数据项底部的，如果要想在jqGrid顶部同时放置工具条，需要用jquery克隆工具栏，然后添加到顶部的工具栏容器中，经测试这样克隆后添加的工具条相关事件也会一起克隆了，虽然控件id会出现重复。 jqGrid如何设置上下导航条源代码如下 div id=pp1/div table id =grid /table ..
双击easyui一棵树（源树）的节点，然后将此节点的信息动态添加到另外一棵树（目标树）中，如果目标树选择了节点，则添加到目标树选择节点下作为子节点，双击目标树时动态删除此节点及其下的子节点。 easyui版本为jquery-easyui-1.3.1，其他版本自行查看api修改对应代码。 源代码如下!DOCTYPE htmlhtmlheadmeta http-equiv=Content-T..
jqGrid使用本地数据时，当jqGrid配置的rowNum小于本地总数据量（records属性记录总数据，可以通过records获取到本地总数据量），调用getRowData方法获取到的只是显示的部分内容，而本地所有数据行。 如果是通过data或者datastr配置的本地数据，获取所有数据很简单，调用$('#gridid').jqGrid('getGridParam','data..