extjs培訓(xùn)進(jìn)階教程-資料下載頁
2025-06-25 06:42本頁面
【正文】 lor:green。fontweight:bold。39。女/span。 } }function showDesn(value,cellmeta,record,rowIndex,columnIndex,store) { var str = input type=39。button39。 value=39。詳細(xì)信息39。 onclick=39。alert( + \這個單元格的值是： + value + \\n + 這個單元格對應(yīng)行的id是 + [id] + \\n + 這是第 + rowIndex + 行\(zhòng)\n + 這是第 + columnIndex + 列\(zhòng)\n + ： + store + 這個表格對應(yīng)的描述取值是： + (rowIndex).get(desn) + \)。39。/。 return str。 }，[39。id39。]來獲得，從零開始，從零開始，(0)取得的為第1行的record值； 自動顯示行號和復(fù)選框 實(shí)際上，行號和復(fù)選框都是renderer的延伸。當(dāng)然，復(fù)選框的功能要復(fù)雜得多。 自動顯示行號：修改列模型cm,加入RowNumberer對象；復(fù)選框：我們創(chuàng)建一個CheckboxSelectionModel()代碼如下:var sm=new ()。 var cm=new ([ new (), sm, {header:39。編號39。,dataIndex:39。id39。,width:40,sortable:true}, {header:39。名稱39。,dataIndex:39。name39。,width:180}, {id:39。desn39。,header:39。描述39。,dataIndex:39。desn39。,width:200}, {header:39。時間 39。,dataIndex:39。date39。,type:39。date39。,renderer:(39。Y年m月d 日39。)} ])。 grid加載時的遮罩效果定義遮罩效果mask：var mask = new (grid, {msg:39。正在加載數(shù)據(jù)，請稍侯……39。})。 ()。當(dāng)加載完成時，取消掉遮罩(load, function() { (grid).unmask()。 })。同時，在grid中添加mask屬性：var grid=new ({ renderTo:grid, stripeRows:true,//斑馬線效果 loadMask:true, store: ds, height:600, cm:cm, loadMask : {msg:39。正在加載數(shù)據(jù)，請稍侯……39。}})。 表格分頁 表格分頁Grid控件對性能要求較高，如果在一個Grid里面顯示上千條記錄，效率會有明顯下降，所以必須考慮分頁問題。 為Grid添加分頁工具條：在前面代碼的基礎(chǔ)上修改grid代碼： 代碼如下:var grid1=new ({ renderTo:grid1, stripeRows:true,//斑馬線效果 loadMask:true, store: store1, height:200, cm:cm, viewConfig:{ forceFit:true }, bbar:new ({ pageSize:10, store: store1, displayInfo:true, displayMsg:39。顯示第{0}條到{1}條記錄,一共{2}條39。, emptyMsg:沒有記錄 }) })。 pageSize，是每頁顯示幾條數(shù)據(jù)。 displayInfo，跟下面的配置有關(guān)，如果是false就不會顯示提示信息。 displayMsg，只有在displayInfo:true的時候才有效，用來顯示有數(shù)據(jù)的時候的提示信息，到時候{0},{1},{2}會自動變成對應(yīng)的數(shù)據(jù)。 emptyMsg，要是沒數(shù)據(jù)就顯示這個。 按鈕定義一個簡單的按鈕： new ({ id : save, text : 39。font style=font:12px 微軟雅黑 保存/font39。, handler : uf_Save, iconCls : 39。suppiconsave 39。 }).render(, 39。btn_Save39。)。按鈕的屬性含義：配置：1.id:buttonName,2.text:Button組件基本用法,3.tooltip:提示信息：Button組件基本用法,//提示信息,如果需要顯示提示信息，()。4.tooltipType:title,//定義顯示提示信息的類型，有qtip和title兩種方式，默認(rèn)是qtip5.type:button,//按鈕類型：可以是submit,resetorbutton默認(rèn)是button6.autoShow:true,//默認(rèn)false,自動顯示7.hidden:false,//默認(rèn)false，是否隱藏8.hideMode:offsets,//隱藏方式，默認(rèn)display,可以取值：display，offsets，visibility9.cls:cssButton,//樣式定義,默認(rèn)10.disabled:false,//是否可用，默認(rèn)false11.handleMouseEvents:true,//默認(rèn)true,如果為false,那么mouseoutmouseover就不能被觸發(fā)12.x:number,y:number,在容器中的x,y坐標(biāo)13.handler:function(){(39。提示消息框39。,39。測試Button組件：handler事件！39。)。}//添加事件14.listeners:{//添加監(jiān)聽事件click:function(){(39。提示消息框39。,39。測試Button組件：listeners事件！39。)。(buttonName).hide()。//隱藏按鈕}}, 15.icon:,//圖標(biāo)的地址16.plugins:Object/Array擴(kuò)展插件時使用17.renderTo:Bind_Button//將組件的顯示效果渲染到某個節(jié)點(diǎn)的ID7 ，：({ waitMsg:39。正在加載數(shù)據(jù)，請稍侯……39。, url: 39。39。, method:39。POST39。, async: false, params: { applyDeptId : applyDeptId }, success:function(result, request){ alert(操作成功！)。 }, failure:function(){ alert(請檢查網(wǎng)絡(luò)是否通暢。)。 } })。waitMsg：請求結(jié)束前的提示信息。url：異步請求的路徑。method：請求的方式。async：異步，true表示異步，false表示同步，默認(rèn)為true。目前該屬性設(shè)置成false。params：參數(shù)，參數(shù)名稱和參數(shù)值用“：”分開，如applyDeptId : applyDeptId，多個參數(shù)時，用英文“，”分開，最后一個不要“，”。通過異步方式傳遞給后臺的參數(shù)strut不會字段封裝，需要認(rèn)為在方法中獲取。success：操作成功后做的處理。failure：操作失敗后的處理。 一般情況下。注：設(shè)置同步/異步時，需要引入/ext/，否則同步/異步不起作用8 Ext同步/異步請求Extjs還提供了另外一種同步/異步請求方法：var conn = ().conn。 var URL = ?xxx=xxx。(GET, URL,false)。 (發(fā)送到服務(wù)器端的信息)。 if( 0){ alert()。 return。} ()獲取Ext內(nèi)部的連接對象，再通過conn()方法獲取連接，(GET, URL,false)方法來打開指定URL上的連接，第一個參數(shù)表示打開方式，第二個參數(shù)表示打開路徑，第三個參數(shù)為false表示以同步的方式請求，第三個參數(shù)為true時表示以異步的方式請求，一般情況下使用同步方式打開。，一般的處理方式是根據(jù)服務(wù)器返回的信息判斷。
電大資料相關(guān)推薦
鄂ICP備17016276號-1