ExtJs学习笔记(4)常见问题

(1)Grid获取Store

Store.load({ params: { start: 0, limit: 17} }); //加载数据
Store.on("load", function()
{
    var count = Store.getCount();
    alert(count);
}); 

(2)刷新Grid

 a、直接刷新,获取grid的store后,调用store的reload()方法;
 b、修改Grid数据来源,修改grid的store的属性url :
    grid.getStore().proxy.conn.url = url;
    grid.getStore().reload(); 

(3)修改TextField边框样式

style:'background:none; border-right: 0px solid;border-top: 0px solid;border-left: 0px solid;border-bottom: #000000 1px solid;',

(4)HtmlEditor数据存入数据库中

这里主要用到两个方法:htmlEncode 和htmlDecode

htmlEncode(string value):

将参数value进行HTML字符的替换并返回,将字符串中的特殊字符转换成HTML的代表该字符的特殊字符,如将“&”,“<”,“>”等分别转换成“&amp”,“&gt”,“&lt”。

调用格式:

Ext.util.Format.htmlEncode(string value) 

参数说明:

value:进行替换的字符串

返回值:

string 返回替换后的字符串

htmlDecode(string value):

是htmlEncode的逆过程,将参数value转换成HTML的特殊字符的替换字符,如将“&amp”,“&gt”,“&lt”等分别转换成“&”,“<”,“>”。

调用格式:

Ext.util.Format.htmlDecode(string value) 

参数说明:

value:解码的HTML字符串

返回值:

string 返回解码后的字符串

时间: 2024-12-31 05:10:23

ExtJs学习笔记(4)常见问题的相关文章

ExtJs学习笔记

ExtJS学习笔记 - onReady Extjs学习笔记 - 实战 Extjs学习笔记 - 初篇 ExtJs学习笔记(24)-Drag/Drop拖动功能 ExtJs学习笔记(23)-ScriptTagProxy+XTemplate+WCF跨域取数据 ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页 ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据 ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互 ExtJs学习笔记(19)

ExtJs学习笔记(11)_Absolute布局和Accordion布局

ExtJs其实在某种程度上可以代替div+css来进行页面布局(不过经测试,在最新的Firefox3下,部分功能好象有点问题),今天我们来学习二种最基本的布局 1.Absolute 布局:这种最容易理解,直接用x,y值来绝对定位组件 2.Accordion布局:Accordion意为"手风琴",即最终效果可以象手风琴那样拉来拉去,说白了,就是类似QQ面板的功能 下面通过示例代码观察一下效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

ExtJs学习笔记(3)_GridPanel[XML做数据源]

这一节,将学习到除了用JSON做GridPanel的数据源外,还可以使用XML 一.静态示例 1.xml文件内容: <?xml version="1.0" encoding="UTF-8"?><Data> <Items> <TotalResults>203</TotalResults> <TotalPages>21</TotalPages> <Item> <ASIN

ExtJs学习笔记(1)_Hello World!

extjs最新版,可从http://www.extjs.com/官方网下载,下载包解压后docs目录里,就是API文档,samples目录里是示例 今天接触了下ExtJs,确实不错,先来一个最经典的Hello World. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

ExtJs 学习笔记 Hello World!第1/2页_extjs

在了解基础后,可能会用Ext+ajax开发一个简单的小项目,会一点一滴的讲解项目开发过程,希望能给大家带来收获!因为我本人也在学习这个框架,所以对文章有什么建议请提出,这样可能会让我学到更多. 看到这幅图,你可能认为是某个软件,或者是Flash.Flex.silverlight等等,但这是javascript+Css实现的.       在看这样式与效果,如果加在自己的项目里,用户视觉与操作的体验应该会很爽吧. 还有更多的特效就不一一截图了.      下面开始说一下这个组件,ExtJs是一个不

extjs 学习笔记(一) 一些基础知识_extjs

我在项目中已经频繁使用了jquery,这次主要是学习使用extjs,但现有的教程基本都是针对2.0的,而且后台用到的语言也很少是.net平台下的C#,所以我打算针对3.0版,后台使用C#,记录下自己的学习过程,希望能和志同道合的朋友一起探讨,共同进步. extjs的官方网站是http://www.extjs.com,目前最高版本是3.0.2,但是只有3.0.0的才没有任何下载限制,可以点击这里下载3.0版的.下载来的压缩包里边包含压缩后的extjs库,调试时用到的库,具有可读性的源代码,文档和例

ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页_extjs

通过此文能学习到如下内容 1.创建一个简单的面板 Ext.Panel 2.制作一个可以拖动的面板 Ext.Panel 3 .使用选项卡面板 3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系. 面板由一个工具栏.一个底部工具栏.面板头部.面板尾部和面板主区域几个部分组成.面本类中还提供了面板展开.关闭等功能.并提供了一些可重用的工具按钮让我们灵活的控制面板.面板可以放入其他任

extjs 学习笔记(三) 最基本的grid_extjs

jquery在这方面则正好相反,它的UI都以插件形式提供,可以需要什么就引用什么,所以非常小巧灵活,但由于插件往往是由不同的人或者团队来提供,界面和接口往往就不那么一致.反正是各有千秋吧. 今天学习extjs中的grid,它可以说是功能强大,无出其右,只有你想不到的,没有它做不到的,呵呵,好像是有点夸张了.好,不说废话了,我们就从最简单的grid开始,一步步来看看extjs给我们提供的grid究竟给我们提供了哪些功能. 一个grid包括一些行和列,在extjs里边,列由Ext.grid.Colu

ExtJs学习笔记(2)_Basic GridPanel[基本网格]

1.静态示例: 静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1