如何使用extjs构建grid_VMware, Unix及操作系统讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛

总帖数

每页帖数

1/1页

返回列表

发起投票

查看: 2143 | 回复: 0

主题： 如何使用extjs构建grid

xiaojiang

注册用户

等级：少尉
经验：345
发帖：77
精华：0
注册：2011-8-31
状态：离线
发送短消息息给xiaojiang

加好友发送短消息息给xiaojiang

发消息

发表于：

2015-4-29 10:23:23 | [全部帖] [楼主帖]

楼主

使你的Grid正常工作，您必须具备以下条件:
1.- A dataRecord:
记录或者数据行，如何接受你在这里定义的所有的操作呢？你不需要设置所有SQL查询中获得的字段，但如果你打算使用它，那你必须在这里定义它。定义数据类型并不是强制的，但如果你有很多日期字段，并打算格式化它，你将需要在我上面的代码中具体指定你能看到的数据类型”日期”。

2.- A dataReader:
这里你告诉它如何读取数据，我们返回一个JSON字符串，因此你需要使用一个JSON READER

3.- A dataProxy:
这里，我们告诉Grid，从哪里获取数据。在这个实例中，我们使用CI中的url 模型，如果你在配置中做了相关设置，但你也能使用"http://localhost/index.php?c=CONTROLLER&m=METHOD"。
注意: 你必须提供文件的路径，并且不能是全路径，例如: http://localhost/index.php?c=CONTROLLER&m=METHOD 和 http://localhost/index.php/CONTROLLER/METHOD 都是不正确的.这将造成不可访问，并且，你将需要使用scriptHttpProxy.
4.- A dataStore:
前3个步骤，我们建立一个data store ，并且我们建立了互相独立性质，使你很容易的建立Grid

5.- A ColumnModel:
这是可选的，但它的定义将使你的Grid代码看起来更美观，T否则，你将在Grid的定义里面定义你的数据列。
表头属性使人更容易了解你的表格，但data index必须符合第一步(dataRecord)定义的名称，否则你将得到一个空列或空的Grid

6.- A Grid:
最后，我们利用前面所有使更加容易理解的数据来建立Grid。
同样的，我建议大家分开定义所有的属性，使你的代码更加容易使用和调试。
最后你将看到我在"debugging"部分外面注释，因此如果你需要不注释调试它，请看firebug（Firefox的插件，用于调试页面）的信息。

--转自

本版精华
热门帖子

操作引用/回复

总帖数

每页帖数

1/1页

返回列表

用户登录

Weblogic中间件技术论坛

Tuxedo中间件技术论坛

数据库论坛

Java论坛

Linux/unix论坛

网站地图