extnetgridpanel過濾

Ⅰ 後台得到extjs中gridpanel選中行的某個值

function deletefileItems() {
var gsm = fileGrid.getSelectionModel();//獲取選擇列
var rows = gsm.getSelections();//根據選擇列獲取到所有的行
if (rows.length > 0) {
//當有選擇的數據的時候
for (var i = 0; i < rows.length; i++) {
//循環迭代所有的選擇的row
var row = rows[i];
var filePath = row.get('filePath');//這個就是你想要的
Ext.Ajax.request({
//省略ajax請求後台
}）;
}
}else{
Ext.Msg.alert('提示', '請選擇要刪除的記錄');
}
};
說明：
var filePath = row.get('filePath');
利用row.get('欄位名稱');
可以獲得你想要的欄位值

Ⅱ extjs:gridpanel 列寬如何自適應瀏覽器的寬度

只要有 layout : 'fit', 這個設置就可以自動適應窗口寬度。
關鍵是在你的 columns 里 至少有一內項必須設置 flex : 1

flex 說明一下，它起著評分寬容度的作用。
比如你的整個GRID 的寬度是 1000，列數有4個。
這時候3個列設置了 width : 300 ，剩餘的一個設置 flex : 1 的話就會被分配成 寬度100.

滿意請採納，有問題請追問。

Ⅲ ext.net 如何遍歷GridPanel中每行的數據

遍歷所有行的話，就遍歷store吧！用js遍歷
var mygrid = Ext.GridPanel({....});
var total = mygrid.getStrore().getCount();//數據行數
for(var i=0;i<total;i++){
alert(mygrid.getStrore().getAt(i))//每行records對象
//alert(mygrid.getStrore().getAt(i).data['abc'])//對應每行dataIndex為abc的值
}

如果專遍歷選中行屬 C#

RowSelectionModel rsm=gridpanel.SelectionModel.Primary as RowSelectionModel
rsm.SelectedRows[0].RecordID
自己看著弄一下咯，如果js不行，建議你看Ext.Net API

Ⅳ extjs GridPanel 問題 兩個容器分開不顯示，合一起就可以顯示

可以的啊， 你首先確認 grid中的store 是否正確，
然後 Ext 裡面的js 初始化 和jsp中也是一樣的 你要先聲明才能引用的，你tabPanel中引用了：
items:[{
title: '附表1',
items: 【ProProperty】
},
這個對象的聲明卻在tab後，所以不能顯示，我修改了下，Ext.onReady(function() {
var dssec = new Ext.data.ArrayStore({
autoDestroy : true,
fields : ['id', 'sex'],
data : [['1', '男'], ['2', '女'], ['3', '保密']]
});
var ProProperty=new Ext.grid.GridPanel({
store:dssec,
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true,
align:'center'
},
columns: [
{header:'欄位1',width:80},
{header:'欄位2',width:80},
{header:'欄位3',width:80}
]
}),
viewConfig: {
forceFit: false
},
sm: new Ext.grid.RowSelectionModel({
singleSelect:true
})
});

var ProPropertyTab=new Ext.TabPanel({
enableTabScroll:true, //tab溢出滑動
activeTab:0,
renderTo : 'test2',
items:[{
title: '附表1',
items:ProProperty
},{
title: '附表2'
}]
});

});

Ⅳ Ext.Net 如何刷新Gridpanel中的數據，而不刷新按鈕，我實現的是一個監控頁面，如下圖

直接配置到工具條tbar里就行了：
var grid = new Ext.grid.GridPanel({
id: "grid1",
title: "GridPanel實例",
renderTo: "div1",
width: 500,
height: 300,
frame: true,
tbar: [,,}
],
。。版。。。//其它配置項權
});

Ⅵ extjs中gridpanel中怎麼獲得選中行所對應的行數,比如點擊第一行時的行數是1,行所對應的數據用什麼方法獲得

如果要獲得你選中的項是第幾行，我一般的做法是在gridpanel生成時，隱藏一列id編號項，這回樣可以直接查詢id即可
var seletedGird = grid.getSelectionModel().getSelections();//獲得答選中的項
var rowid = seletedGird[0].get('id');//獲得選中第一項的id列的值
如果沒有設置id編號項，可以搜索store
var seletedGird = grid.getSelectionModel().getSelections();//獲得選中的項
var rowid = grid.getStore().indexOf(seletedGrid[0]);//獲得選中的第一項在store內的行號

Ⅶ 如何改變extjs中gridpanel單元格邊框，上下邊框

看了一下Extjs中html代碼會知道，extjs中gridpanel中的表格是通過<div<table<tbody<tr<td<divcontent式的結構書寫的。要改變單元格邊框的樣式就要改變Ext-all.css中.x-grid3-row這個樣式。這個樣式是應用到最外層div上的。 全局改變只需改變Ext-all.css裡面的.x-grid3-row樣式 比如你想去掉邊框可以這樣： 一、.x-grid3-row{cursor:default;border:0px solid #fff;border-top-color:#fff;width:100%;} 如果想個性一點，自己要定義一個樣式然後應用到特定的行如： 一、.my-x-grid3-row{cursor:default;border:0px solid #ccc,border-top-color:#fff;width:100%;} 二、應用樣式，獲取div var view=grid.getView(); var rows=view.getRows();//獲取所有的行 var row=rows[0];//獲取單行，就是你想改變的那一行，rows[1],rows[2].....都可以，就看你有多少列了 var cls= Ext.get(row);//獲取ext中外層div對象 cls.removeClass("x-grid3-row");//去掉原來的樣式 cls.addClass("my-x-grid3-row");//加上自己的樣式 這樣你會發現原來的邊框不見了。大家可以舉一反三改變其他樣式。 ps：extjs中css中核心的部分是Ext-all.css,所以大家要是想改變樣式直接改變裡面的東西就ok啦

Ⅷ ext.net怎樣獲取gridpanel里所有的數據

頁面：
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<Listeners>
<RowSelect Handler="setSelectIndex(rowIndex);#{frompanel}.getForm().loadRecord(record);" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
js代碼：
function setSelectIndex(index) {
document.getElementById("hid_index").value = index;
}
var index = document.getElementById("hid_index").value;
var id = StoreInvoice.getAt(index).get('InvoiceId');
s里已經取到gridpanel的store中某個單元格的值，放進隱藏域
//關聯終端
string[] item_terminalid = this.hid_item_terminalid.Text.Trim().Split(',');
if (item_terminalid.Length > 0)
{
for (int i = 0; i < item_terminalid.Length; i++)
{
if (item_terminalid[i] != "" && item_terminalid[i] != null)
{
MsecTerminalManagementInfo terminal = base.ManagerFactory.terminalManagementSrv.Get(int.Parse(item_terminalid[i]));
obj.MsecTerminalManagementInfos.Add(terminal);
}
}
}

Ⅸ ext.net中如何在後台獲取gridpanel選中行的某個單元格的值

頁面：
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">
<Listeners>
<RowSelect Handler="setSelectIndex(rowIndex);#{frompanel}.getForm().loadRecord(record);" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
js代碼：
function setSelectIndex(index) {
document.getElementById("hid_index").value = index;
}

var index = document.getElementById("hid_index").value;
var id = StoreInvoice.getAt(index).get('InvoiceId');

Ⅹ 如何設置extjs gridpanel 行的 高度

//增加CSS樣式即可達到效果
.x-grid3-row td,.x-grid3-summary-row td{
line-height:18px;//控制GRID高度
vertical-align:top;//垂直居中
border-right: 1px solid #eceff6 !important;//控制列線回
border-top: 1px solid #eceff6 !important;//控制行線答