ExtJS使用技巧

listview显示复选框

<script type=”text/javascript”>
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = ‘blank.gif’;

var genres = new Ext.data.SimpleStore({
fields: [‘id’,’genre’],
data: [[‘1′,’Comedy’],[‘4′,’Drama’],[‘3′,’Action’]]
});
var list1 = new Ext.list.ListView({
store: genres,
width: 120,
hideHeaders: true,
selectedClass: ‘x-list-selected’,
multiSelect: false,
singleSelect: true,
columns: [{dataIndex:’id’,tpl:'<input type=”checkbox” id=”{id}”></input>’,width:.2},{dataIndex:’genre’,tpl:'{genre}’,width:.5}]
});
var myPanel = new Ext.Panel({
renderTo: Ext.get(‘div_formPanel’),
layout: ‘hbox’,
autoWidth: true,
autoHeight: true,
id: ‘myP’,
autoScroll: true,
items:[list1]
});
});
</script>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部