关于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>

至此,我们的按钮就添加完毕了

原文地址:https://www.cnblogs.com/guyali/p/5297514.html