关于fineui中在gird中插入按钮的知识
这两天真的比较忙,加上电脑也出问题了,所以拿去修了
今天要分享的是一个fineui的demo,怎么在gird中插入按钮,相信很多朋友不知道怎么做
就是在这个地方插入按钮,在我的日记中提到了,因为Columns是包含在gird中,而我们的按钮是要在Columns中插入的,fineui
不支持在Columns中使用input控件,那么,我们怎么办呢?在fineui的Demo中,我们可以找到,如何插入这个按钮,今天我就把他拿出来,重点说下具体操作过程,其实,这个按钮是使用js来写的,所以首先,我们必须要在script代码中,做这样的定义
<script type="text/javascript">
$(document).ready(function () {
if (true) {
}
});
</script>
其次我们在Columns中加入一行 <ItemTemplate><div class="action btnenroll"></div> </ItemTemplate>代码这个代码的作用是告诉你,在哪里放置按钮,下面就是按钮的重点了, 首先,我们在Columns外面gird里面的地方定义一个事件<Listeners><f:Listener Event="dataload" Handler="onGridDataLoad" /></Listeners>
在现在的script代码中,实现这个函数 <script>
var gridClientID = '<%= GridList.ClientID %>';
function onGridDataLoad() {
var grid = this;
grid.bodyEl.find('.f-grid-cell-Actions .btnenroll').each(function () {
var btnenroll = $(this);
F.create({
type: 'button',
renderTo: btnenroll,
//iconFont: 'user',
text: '报名'
});
});</script>
至此,我们的按钮就添加完毕了