随笔分类 - Extjs
摘要：当ASP.NET后台使用JavaScriptSerializer这个组件将对象序列化为json，或者使用ScriptMethod特性的json [ScriptMethod(ResponseFormat = ResponseFormat.Json), WebMethod(EnableSessi...
阅读全文
摘要：That's all. Then I try to use socket.io with this line:var io = require('socket.io').listen(app);And it output an error:Error: Cannot find module 'soc...
阅读全文
摘要：1.extjs 给怎么给panel设背景色设置bodyStyle:'background:#ffc;padding:10px;',var resultsPanel = Ext.create('Ext.panel.Panel', { title: 'Results', width: 600, height: 400, renderTo: Ext.getBody(), bodyStyle: 'background:#ffc; padding:10px;', layout: { type: 'vbox', // Arra
阅读全文
摘要：1.ExtJs设置cookie两种方式其一：设置cookie如下saveacct=isForm.getForm().findField('itemselector').getValue(); Ext.util.Cookies.set('saveacct',saveacct);取cookie中数据如下var validStatus = Ext.util.Cookies.get("saveacct");alert(validStatus);其二：设置cookievar cookie = new Ext.state.CookieProvider()
阅读全文
摘要：最近碰到个问题，在ExtJS中应该如何设置tabpanel的tab的高度？因为默认情况下，tab的高度太矮了，以至于tab的标题底部字都被截掉。设置了个tabpanel.minHeight = ‘500’，但是这个仅仅是设置tabpanel的高度，而不是设置tabpanel的每个tab的标题的高度。随后，又改成了minHeight:‘50’，好像效果还是不理想。 如果只是为了每个tab的高度的话，自然tab高度依赖于tabpaenl的高度，tabpanel又依赖于外层组件的高度，如果仅仅把tabpanelrenderTo body的话，那tabpanel在渲染的时候就自动高度了，所以想要...
阅读全文
摘要：先汗一个，一个小功能又踢腾了一天。本来这个带Demo的，但是上面介绍的不是很详细。用的时候问题不大，主要问题在文件导入方面.以为这个插件的使用和其他的不一样。1.首先是需要引入文件的位置：如图需要把整个grid都考到vs下，vs中结构如下：2.设置路径，将文件导入Ext.Loader.setConfig({ enabled: true });Ext.Loader.setPath('Ext.ux', '../ext-js4.2/ux');Ext.require(['*','Ext.toolbar.Paging', 'Ext.
阅读全文
摘要：这一章接着上一篇对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化1.对于更新OnUpdate（）函数的修改：先上代码：function OnUpdate(record) { //获取要更新的数据 var functionCode = Ext.getCmp('code').getValue(); var FunctionName = Ext.getCmp('name').getValue(); var IsEnabled = Ext.getCmp('isEnable').getValue(); var Invoker =
阅读全文
摘要：几天没写了,接着继续,1.怎么获取表单是否验证通过:form.isValid()//通过验证为true2.怎样隐藏列,并可勾选: hidden: true,如果是动态隐藏的话：grid.getColumnModel().setHidden(1,true); //1 代表要隐藏的列所在位置，true代表隐藏3.怎样隐藏列,并不可勾选(这个必须配合上边那个一块用)hideable: false,4.怎样设置简单查询,如果所示: tbar: { xtype: 'toolbar', frame: true, ...
阅读全文
摘要：对于Ext.data.Store 一直不是很了解,不知道他到底是干嘛的有哪些用处,在实际开发中也由于不了解也走了不少弯路,store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表. 由于刚学不是太懂,都是比葫芦画瓢,东搬西畴的去完成功能.程序思路都是自己想象的,对于rest方式的增删改查全是采用另外一种方式去实现的,最后研究发现其实,store都已经有了这些函数,根本不用自己去实现.下面看下以前所写的代码:这是model,store ,gridpanelvar store;Ext.onReady(function () { //接口管理model E...
阅读全文
摘要：基本组件：xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton带下拉选项菜单的按钮buttongroupExt.ButtonGroup编组按钮(Since 3.0)sliderExt.Slider滑动条progressExt.ProgressBar进度条statusbarExt.StatusBar状态条，2.2加进来，3.0 又去了colorpaletteExt.ColorPalette调色板datepickerExt.DatePicker日期选择面板容器及数据类组件xtypeC
阅读全文
摘要：现在领导又要增加功能，需要分页的时候，每页显示N条信息。由于是每个页面都要改，所有需要声明了一个扩展类代码如下：// Copyright : 欧蓝德畅电子技术有限公司. All rights reserved.// 文件名：pager.js// 文件描述：分页扩展类，extJS控件之每页显示N条记录 //-----------------------------------------------------------------------------------// 创建者：// 创建时间：2013-06-21//====================================.
阅读全文
摘要：接着来，也是刚刚遇到的panel怎么进行收缩 collapsible: true, 这会panel就会出现这个点这个就可以收缩了panel怎么随便拉伸，也就是让那个小黑三角出现split: true,效果如下：怎么添加日历显示var panel = new Ext.Panel({ header : true, title:'日历', frame:true,//渲染面板 collapsible : true,//允许展开和收缩 autoHeight : true,//...
阅读全文
摘要：我在项目中遇到的一些知识点：1.在GridPanel中显示图片，效果对应的代码实现 { text: '是否启用', width: 80, // xtype: 'checkcolumn', dataIndex: 'IsEnabled', renderer: function boolFromValue(val) { if (val) { ...
阅读全文
摘要：由于不明白分页的总数是怎么计算，不知道他的分页方式所以花费了好多功夫，现在弄出来了与大家分享下1.首先是EF的简历，想必大家都清楚：添加-〉新建项-〉数据-〉Ado。net实体数据模型2.就是后台数据也就是apiController，前台需要两个数据，一个是数据的总条数，第二个是要查询的分页数据所以我们要建立一个实体，用于返回数据传送，由于多个页面都使用，多以用到了泛型。代码如下：public class PageData<T> { //数据总数 public int TotolRecord { get; set; } //需要返回的数据 ...
阅读全文
摘要：Code:Ext.create('Ext.grid.Panel', { ... viewConfig: { getRowClass: function(record) { return record.get('age') < 18 ? 'child-row' : 'adult-row'; } } }); Code css样式: .child-row .x-grid-cell { background-color: #ffe2e2; color: #900; } .adult-row .x-grid-cell { backgr
阅读全文
摘要：做后台管理系统时遇到的问题，关于tab关闭后再打开不显示，或者报错我在新的tabpanel中加入了一个grid，当我关闭再次打开就会报错Cannot read property 'addCls' of null，原因是我在定义grid的错误这是错误代码：[javascript]view plaincopyExt.define('HT.view.Grid',{extend:'Ext.grid.Panel',title:'人员列表',width:400,height:170,frame:true,store:{fields:['
阅读全文
摘要：1.切换tabpanel,新建tab关闭后再新建报错，在火狐下报错TypeError: el is nullel.addCls.apply(el, arguments);这个我在下一篇文章中已经解决了，请参考。2.Extjs调试小技巧：可以在代码中加入console.log(tab222, "2222");这样就可以在浏览器中查看你要查看的变量的详细信息在火狐或者谷歌中德控制台中3.怎么使用Extjs rest方式Ext.define('EITruck.store.User', {extend: 'Ext.data.Store',requir
阅读全文
摘要：一 定义One Page, One Application(后面缩写为OPOA，或者1P1A)， 含义很简单：一个页面就是一个应用。不再使用iframe, 页面提交不能再使用submit方式。在众多的基于Web的MIS系统中，没有人关心页面的组织形式；大多数稍微复杂的MIS系统，都采用分祯(Frame)的方式来组织页面，这样，在进行业务操作的时候，url的变化表现在一个框架页面内，从浏览器的地址看起来，只有一个地址；更有甚者，一些应用干脆弹出一个去掉了浏览器菜单、工具条、地址栏、状态栏的窗口（比如招商银行、民生银行的网上银行系统），连地址都看不见。因此，一个页面就是一个应用，从用户的角度来说，
阅读全文