最近の問題はグリッドを使用するとウィンドウが変更されましたが、グリッドを変更することはできないため、ステートメントの行を追加しました。
問題は解決されます、効果マップ
ドラッグ後の効果
追加の文章:
次のようにコードコードをコピーします。
ext.eventmanager.onwindowresize(function(){
grid1.getView()。
})
完全なコードを参照してください。
次のようにコードコードをコピーします。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text/html; charset = gb2312">
<title> grid </title>
<link href = "../ ext/resources/css/ext-all.css。
<スクリプトsrc = "../ ext/adapter/ext/ext-base.js" type = "text/javascript"> </script> </script>
<Script src = "../ ext/ext.js" type = "text/javascript"> </script>
<script type = "text/javascript">
ext.Onready(function(){
関数renderadmin()
{{
return "<span style = 'cursor:pointer;' onclck = 'alert();'> <img src = '../ image/icons/email.jpg'/> </span>" ";
}
var sm = new ext.grid.CheckboxSelectionModel();
// var sm1 = new ext.grid.rowselectionModel({singleSelect:true})、
var cm = new ext.grid.columnmodel([[[[]
新しいext.grid.roonumber()、
SM、
// SM1、
{header: '<span style = "cursor:pointer;"> <img src = "../ images/icons/email.jpg"/> </a> </span>'、dataindex: 'admin'、width :30、Renderr:Rendradmin、sortable:false}、
{header: 'id'、dataindex: 'id'}、
{id: 'name'、header: 'name'、dataindex: 'name'}、
{header: 'send person'、dataindex: 'from'}、
{header: 'reciontient'、dataindex: 'to'}
]);
var data = [
[''、 '001'、 'シングルハーベスト'、 'Zhang San'、 'li si']、
[''、 '002'、「シングル2を受け取る」、「Zhang Four」、「Lee Five」]、
[''、 '003'、「注文3」、「Zhang Liu」、「Li Qi Seven」]]]]
];
var store = new ext.data.store({{{
プロキシ:新しいext.data.memoryproxy(データ)、データ、
リーダー:新しいext.data.arayreader({}、[
{name: 'admin'}、
{name: 'id'}、
{name: 'name'}、
{name: 'from'}、
{name: 'to'}
]))
});
store.load();
var grid1 = new ext.grid.gridpanel({{{{{{{{{{{{{{{{{{{{{
renderto: 'grid1'、
名前: 'grid1'、
レイアウト:「フィット」、
タイトル:「受信リスト」、
AutoHeight:本当、
AutoWIDTH:本当、
ボディスタイル: '幅:100%'、
LoadMask:本当、
// autoexpandcolumn: 'name'、
AutoWIDTH:本当、
// tbar:[{text: 'send'、
//アイコン: '../images/icons/application_edit.jpg'、
// cls: 'x-btn-text-icon'}、
// {テキスト: 'delete'、
//アイコン: '../images/icons/application_edit.jpg'、
// cls: 'x-btn-text-icon'}]、
ストア:ストア、
フレーム:本当、
CM:CM、
SM:SM、
viewconfig:{
forcefit:true}、
リスナー:{
rowdblck:function(n){
//現在の選択バンク、入力方向を取得します
//デバッガー;
var iid = getSelectionModel()。
window.location.href = "subframe.html?id ="+iid;
}
}
});
ext.eventmanager.onwindowresize(function(){
grid1.getView()。
})
});
</script>
</head>
<body>
<div id = "grid1">
</div>
</body>
</html>