zoukankan      html  css  js  c++  java
  • 关于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>

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

  • 相关阅读:
    Codeforces Round #475 (Div. 1) B. Destruction of a Tree
    HDU
    HihoCoder
    浅谈spfa几个优化
    Codeforces Round #474 E. Alternating Tree
    Wannafly 挑战赛12 D
    2017 Multi-University Training Contest
    2017 Multi-University Training Contest
    斜率优化DP基础XVI Open Cup named after E.V. Pankratiev. GP of Ukraine.K
    斜率优化DP入门_HDU3507_Print Article
  • 原文地址:https://www.cnblogs.com/guyali/p/5297514.html
Copyright © 2011-2022 走看看