1. 程式人生 > >Ext.grid.EditorGridPanel 單元格套用下拉列表ComboBox

Ext.grid.EditorGridPanel 單元格套用下拉列表ComboBox

function MentalWithMod(id){
var mentalResultGridStore = new Ext.data.JsonStore({
proxy : new Ext.data.HttpProxy({
url : '獲取後臺資料URL',
method : 'POST',
defaultHeaders : {Accept : 'application/json'}
}),
listeners : {
remove : function(s, r, i){
var deletedId = r.get('id');
if(deletedId){
if(s.deletedIds){
s.deletedIds += ',' + deletedId;
}else{
s.deletedIds = deletedId;
}
}
}
},
fields : ['id','flwMentalId','medType', 'medName', 'methodVolume',  'remark']
})

var svcMedTypeStore = new Ext.data.JsonStore({
fields: ['name', 'value'],
data : [{name : '西藥', value : '1'},
{name : '中藥', value : '2'},
{name : '胰島素', value : '3'}]
});

var svcMedTypeCombo = new Ext.form.ComboBox({
store: svcMedTypeStore,
valueField : 'value',
displayField:'name',
mode: 'local',
forceSelection: true,
editable : false,
triggerAction: 'all',
selectOnFocus:true
});
new Ext.grid.EditorGridPanel({
id : 'mentalGrid',
renderTo : 'svc_ex_take_med',
store : mentalResultGridStore,
enableHdMenu : false,
loadMask : true,
stripeRows : true,
width:770,
height : 180,
viewConfig: {
forceFit : true
},
sm : new Ext.grid.RowSelectionModel({singleSelect:true}),
columns: [
{header : '藥物類別',dataIndex : 'medType', editor:svcMedTypeCombo,renderer:function(value, cellmeta, record){
var index = svcMedTypeStore.find(svcMedTypeCombo.valueField,value);
var ehrRecord = svcMedTypeStore.getAt(index);
var returnvalue = "";
if (ehrRecord) {
returnvalue = ehrRecord.get('name');
}
return returnvalue;
}
},
{header : '藥品名稱',dataIndex : 'medName', editor: {xtype:'textfield'}},
{header : '用法用量',dataIndex : 'methodVolume', editor: {xtype:'textfield'}},
{header : '備註',dataIndex : 'remark', editor: {xtype:'textfield'}},
{header : '',dataIndex : 'operation', iconCls : 'del',
renderer : function(){
return "<span style='cursor:pointer;'><img src='"+baseUrl+"/static/styles/images/icons/del.png'onclick='deleteMental()'/></span>";
}
}
]
});

}


相關推薦

Ext.grid.EditorGridPanel 單元格套列表ComboBox

function MentalWithMod(id){var mentalResultGridStore = new Ext.data.JsonStore({proxy : new Ext.data.HttpProxy({url : '獲取後臺資料URL',method :

Ext grid單元格編輯,editor為combobox時用法

.com clas ont con reat back trap hang style { header: ‘TO_PTN_NM‘, dataIndex: "TO_PTN_NM", sortable: true, rend

Excel單元格新增列表的方法

使用Excel錄入資料的時候我們通常使用下拉列表來限定輸入的資料,這樣錄入資料就很少發生錯誤了。Excel 2013較以前的版本發生了很大的變化,那麼在Excel 2013是如何新增下拉列表的呢? 下面Office辦公助手的小編就以“性別”中下拉選擇男女為例,講解下Excel 2013中新增下拉

EXCEl中如何設定單元格的列表及背景顏色設定

1、選中單元格,點選資料-資料有效性 2、設定中有效性條件,允許-序列,勾選 提供空值 和提供下拉箭頭 3、來源中可手動輸入需要的值,中間以英文狀態下的逗號隔開 4、背景顏色設定: 選擇列-開始-條件格式-新建規則-選擇規則型別:只為包含以下內容的單元格設定樣式→編輯規則

Winform列表Combobox資料顯示問題

為避免受到SelectValueChange事件干擾,在設計器上先不設定DisplayMember屬性的值。採用程式碼手動去設定(在設定資料來源之後)         this.ddlBidFile.DataSour

h5,css實現列表

gin clas isp pla mar ack 實現 寬高 doc <!DOCTYPE html><html><head><meta charset="utf-8"><style> ul li{ list-st

25.js和jquery實現列表的左右選擇

select2 hit color nts -type utf ctype block 標簽 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

純css改變列表select框的默認樣式

隱藏 如何 pos share ack rop href static image 在這篇文章裏,我將介紹如何不依賴JavaScript用純css來改變下拉列表框的樣式。 事情是這樣的,您的設計師團隊向您發送一個新的PSD(Photoshop文檔),它是一個新的網站的最終設

移動端重新整理的方式實現上載入

實現上拉載入最普遍的方式就是監聽滾動條的滾動事件,而移動端的下拉重新整理利用的是transform屬性來進行位移,那用下拉重新整理的方式實現上拉載入怎麼樣? html結構 &lt;div class="main-box" id="box1"&gt; &lt;div

HTMLDIV/CSS實現列表

HTML程式碼: <body> <div class="title" > <h1>SYROS</h1> <ul> <li><a href="">HOME<

獲取EXTcombobox的code和name值

var productCom = new Ext.form.ComboBox({     xtype: 'combo', //    store:ProductsName,     store:Ext.create('Ext.da

java生成Excel時,為某列(單元格)建立

在做專案時,有時需要批量匯入的功能,通過Excel來進行批量匯入.... 遇到個小問題,希望在Java生成Excel中,有個模板,對於某些單元格,如性別等列,可以通過下拉框的方式來進行為使用者提示。 這樣既讓使用者覺得方便了,而且Excel會自動進行檢查,一旦不是下拉框中的

select 列表選擇框效果及美化(before 和 after偽元素的妙

color dem cti relative ccs ota otto center round 參考博客:https://github.com/chokcoco http://www.cnblogs.com/libin-1/p/5766

select 列表選擇框效果及美化(before 和 after偽元素的妙

參考部落格:https://github.com/chokcoco http://www.cnblogs.com/libin-1/p/5766729.html http://www.cnblogs.com/coco1s/p/5667853.html http://sbco.cc/magicCss/

jqueryajax方式從後臺獲取json資料後如何將內容填充到列表

從後臺獲取json資料,將內容填充到下拉列表,程式碼非常簡單,具體過程請看下面程式碼。 需求:url:連結     par:ID       sel:下拉列表選擇器 function BuildSelectBox(url, par, sel) { $(sel).emp

純css改變列表select框的預設樣式

      在使用html的select標籤的時候,可能我們會覺得原有的樣式比較醜,想把它變的美觀一點,那麼這裡有兩種方法。 1.方法一: <span style="font-family:KaiTi_GB2312;font-size:14px;">sele

+++純css改變列表select框的預設樣式+++

http://ourjs.com/detail/551b9b0529c8d81960000007 在這篇文章裡,我將介紹如何不依賴JavaScript用純css來改變下拉列表框的樣式。 問題的提出 事情是這樣的,您的設計師團隊向您傳送一個新的PSD(Photos

MFC List Control控制元件新增單元格編輯和單元列表項以適用於資料庫相關操作

void CNephoVisionDatabaseDlg::createEdit(NM_LISTVIEW *pEditCtrl, CEdit *createdit, int &Item, int &SubItem, bool &havecreat)//建立單元格編輯框函式

JavaScript基礎 列表 點擊按鈕 顯示當前選項的索引值

element type -type html+css set cnblogs 列表 對象 clas 鎮場詩:    清心感悟智慧語,不著世間名與利。學水處下納百川,舍盡貢高我慢意。    學有小成返哺根,願鑄一良心博客。誠心於此寫經驗,願見文者得啟發。—————————

JQuery控制列表

nbsp tro 屬性。 -s oca function 表示 query txt //遍歷option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPT