ExtJs4(三)——带搜索和操作按钮的表

2012-07-25

ExtJs4(3)——带搜索和操作按钮的表带搜索和操作按钮的表（这里的问题是，下面由两条框框，不知怎么去掉，浪费不

ExtJs4(3)——带搜索和操作按钮的表

带搜索和操作按钮的表（这里的问题是，下面由两条框框，不知怎么去掉，浪费不少空间也影响了美观。）

点击：

修改按钮：将弹出此窗口

详细按钮：与修改按钮相同，但保存按钮为不可能状态（即不能保存，只能查看）

新增按钮：与修改按钮相同，但里面没有数据

ExtJs4(三)——带搜索和操作按钮的表

带搜索功能的表格已经在前文写过，在此便不再赘述。本文的要点是如何为表格添加对应的弹出窗口。

弹出窗口一般由两部分组成，一部分是外面的Window，另外一部分则是嵌入在Window里的与Grid的Columns想对应的内容

一般来说可以这样写：

{   "sysLog": [ {     "SYSLOG_ID":"SYSLOG_ID1",     "SYSLOG_TYPE":"SYSLOG_TYPE1",     "SYSLOG_DESC":"SYSLOG_DESC1",     "SYSLOG_KIND":"SYSLOG_KIND1",     "SYSLOG_SOURCE":"SYSLOG_SOURCE1",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME1",     "SYSLOG_LEV":"SYSLOG_LEV1",     "SYSLOG_IP":"SYSLOG_IP1",     "SYSMENU_CODE":"SYSMENU_CODE1",     "SYSUSER_ID":"SYSUSER_ID1" }, {     "SYSLOG_ID":"SYSLOG_ID2",     "SYSLOG_TYPE":"SYSLOG_TYPE2",     "SYSLOG_DESC":"SYSLOG_DESC2",     "SYSLOG_KIND":"SYSLOG_KIND2",     "SYSLOG_SOURCE":"SYSLOG_SOURCE2",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME2",     "SYSLOG_LEV":"SYSLOG_LEV2",     "SYSLOG_IP":"SYSLOG_IP2",     "SYSMENU_CODE":"SYSMENU_CODE2",     "SYSUSER_ID":"SYSUSER_ID2" }, {     "SYSLOG_ID":"SYSLOG_ID3",     "SYSLOG_TYPE":"SYSLOG_TYPE3",     "SYSLOG_DESC":"SYSLOG_DESC3",     "SYSLOG_KIND":"SYSLOG_KIND3",     "SYSLOG_SOURCE":"SYSLOG_SOURCE3",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME3",     "SYSLOG_LEV":"SYSLOG_LEV3",     "SYSLOG_IP":"SYSLOG_IP3",     "SYSMENU_CODE":"SYSMENU_CODE3",     "SYSUSER_ID":"SYSUSER_ID3" }, {     "SYSLOG_ID":"SYSLOG_ID4",     "SYSLOG_TYPE":"SYSLOG_TYPE4",     "SYSLOG_DESC":"SYSLOG_DESC4",     "SYSLOG_KIND":"SYSLOG_KIND4",     "SYSLOG_SOURCE":"SYSLOG_SOURCE4",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME4",     "SYSLOG_LEV":"SYSLOG_LEV4",     "SYSLOG_IP":"SYSLOG_IP4",     "SYSMENU_CODE":"SYSMENU_CODE4",     "SYSUSER_ID":"SYSUSER_ID4" }, {     "SYSLOG_ID":"SYSLOG_ID5",     "SYSLOG_TYPE":"SYSLOG_TYPE5",     "SYSLOG_DESC":"SYSLOG_DESC5",     "SYSLOG_KIND":"SYSLOG_KIND5",     "SYSLOG_SOURCE":"SYSLOG_SOURCE5",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME5",     "SYSLOG_LEV":"SYSLOG_LEV5",     "SYSLOG_IP":"SYSLOG_IP5",     "SYSMENU_CODE":"SYSMENU_CODE5",     "SYSUSER_ID":"SYSUSER_ID5" }, {     "SYSLOG_ID":"SYSLOG_ID6",     "SYSLOG_TYPE":"SYSLOG_TYPE6",     "SYSLOG_DESC":"SYSLOG_DESC6",     "SYSLOG_KIND":"SYSLOG_KIND6",     "SYSLOG_SOURCE":"SYSLOG_SOURCE6",     "SYSLOG_CREATETIME":"SYSLOG_CREATETIME6",     "SYSLOG_LEV":"SYSLOG_LEV6",     "SYSLOG_IP":"SYSLOG_IP6",     "SYSMENU_CODE":"SYSMENU_CODE6",     "SYSUSER_ID":"SYSUSER_ID6" }]}

热点排行

JavaScript

ExtJs4(三)——带搜索和操作按钮的表