<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        EasyUI在Panel上動態添加LinkButton按鈕

        來源:懂視網 責編:小采 時間:2020-11-27 22:32:54
        文檔

        EasyUI在Panel上動態添加LinkButton按鈕

        EasyUI在Panel上動態添加LinkButton按鈕:在最近做的一個將原來的舊系統翻新改造的項目中,為了在個別展示位置與原系統一直,研究了一下Easyui的panel面板,在panel的面板中動態添加Linkbuton按鈕的編輯方法,在這里做個記錄免得自己以后忘了,也為有需求的人指明一條道,代碼比較亂,還請大家多多見
        推薦度:
        導讀EasyUI在Panel上動態添加LinkButton按鈕:在最近做的一個將原來的舊系統翻新改造的項目中,為了在個別展示位置與原系統一直,研究了一下Easyui的panel面板,在panel的面板中動態添加Linkbuton按鈕的編輯方法,在這里做個記錄免得自己以后忘了,也為有需求的人指明一條道,代碼比較亂,還請大家多多見

        在最近做的一個將原來的舊系統翻新改造的項目中,為了在個別展示位置與原系統一直,研究了一下Easyui的panel面板,在panel的面板中動態添加Linkbuton按鈕的編輯方法,在這里做個記錄免得自己以后忘了,也為有需求的人指明一條道,代碼比較亂,還請大家多多見諒,能實現就行啦,要求不高喲。

        言歸正傳,需求如下圖。

        看似簡單,往panel的title中循環添加linkbutton標簽不就得了,其實還有很多問題需要處理,簡單描述一下我的思路和步驟。

        1、panel的title屬性接收類型為字符串類型,所以我想到了在后臺獲取數據后拼接成字符串然后為title賦值,

        2、當我通過異步的方式獲取到數據后想講獲取到的值取出來然后在另外的在后續的方法中使用時,發現獲取不到數據;問題節點,異步;變更為同步獲取數,問題解決;

        3、將獲取到的數據動態添加到panel的title中后,檢查發現數據已經添加上去了,但是沒有效果;問題點:渲染問題,解決方法,panel中只是定義<a>標簽,不附加easyui效果,

        單獨添加easyui效果。ok,此時問題解決了。

        好了看似簡單其中包含了我在實現前大量的調試與檢查操作,還請能夠看到的高人可以的話,多給小弟寫指點,不多說,Show Code Time

        //頁面加載時onload事件
        $(function () {
         //開發方式為Asp.net MVC 利用訪問頁面獲取訪問控制器名稱
         var controllerName = "@ViewContext.RouteData.Values["controller"].ToString().ToLower()";
         LoadDataAndColumnsName(controllerName);
         LoadButtonInfo(controllerName); 
         
         }) 
        
         var toolbar = []; 
         //獲取標題數據
         function LoadDataAndColumnsName(cname) {
         $.ajax({
         type: "post",
         url: '/' + cname.toString() + '/GetCommand',
         contentType: "application/json;charset=utf-8",
         dataType: "json",
         async: false,
         success: function (data) {
         Callback(data);
         }, error: function (data) {
         alert("error");
         }
         })
         }
         //將回調函數中的數據放到Panel的title中
         function Callback(json) {
         var data = json;
         toolbar = data.toolbar;
         var buttons = "<span class='splitcss'>|</span><span class='desc'>Sim卡設置</span><span class='splitcss'>|</span>";
         $.each(data.toolbar, function (i, item) {
         buttons += "<a class='panel_" + item.btnName + "' id='" + item.btnName + "' style='margin-top:-5px;' onclick='OperAction(" + item.btnName + ");'></a>";
         })
         //加載Panel
         $("#contentDiv").panel({
         title: buttons,
         height: $(window).height()
         })
         }
         //在Panel的title屬性中渲染linkbutton按鈕
         function LoadButtonInfo(cname) {
         $.each(toolbar, function (i, item) {
                  //這樣加載按鈕的方案來自網絡,找不到連接了,在此注明感謝下
         $("#contentDiv").panel('header').find('a.panel_' + item.btnName + '').linkbutton({
         iconCls: 'icon-' + item.btnIcon + '',
         text: item.btnCaption,
         plain: 'true'
         })
         $('#' + item.btnName + '').bind('click', function () {
         OperAction(item.btnName, cname);
         })
         })
         }

        好了,這樣應該就可以顯示了,我這里是可以了,結實下OperAction函數是處理linkbutton點擊時觸發的函數去完成相應操作的。就到這里了,不喜勿噴,求高人簡化指點。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        EasyUI在Panel上動態添加LinkButton按鈕

        EasyUI在Panel上動態添加LinkButton按鈕:在最近做的一個將原來的舊系統翻新改造的項目中,為了在個別展示位置與原系統一直,研究了一下Easyui的panel面板,在panel的面板中動態添加Linkbuton按鈕的編輯方法,在這里做個記錄免得自己以后忘了,也為有需求的人指明一條道,代碼比較亂,還請大家多多見
        推薦度:
        標簽: 添加 動態 按鈕
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲国产美女精品久久久久| 羞羞漫画登录页面免费| 波多野结衣亚洲一级| 免费播放在线日本感人片| 久久亚洲国产成人精品无码区| 免费精品国产自产拍在线观看 | 日韩在线观看免费| **毛片免费观看久久精品| 亚洲无线电影官网| 国产成人综合久久精品亚洲| 国产最新凸凹视频免费| 亚洲丁香婷婷综合久久| 久久国产乱子免费精品| 久久久亚洲精品国产| 国产VA免费精品高清在线| 久久青青草原亚洲av无码| 中美日韩在线网免费毛片视频| 青青草免费在线视频| 亚洲AV日韩AV高潮无码专区| 午夜理伦剧场免费| 亚洲中文无码av永久| 国产在线一区二区综合免费视频| 日韩a级毛片免费观看| 亚洲国产精品免费在线观看| 九九精品免费视频| 美女又黄又免费的视频| 亚洲福利中文字幕在线网址| 亚洲日本成本人观看| 亚洲AV中文无码乱人伦| 国产精品免费高清在线观看| 亚洲人成网站在线观看播放动漫| 免费h视频在线观看| 亚洲一级特黄特黄的大片| 国产精品嫩草影院免费| 两个人看www免费视频| 亚洲一级毛片免费观看| 国产福利免费观看| 日本中文字幕免费高清视频| 2020天堂在线亚洲精品专区| 国产日产亚洲系列最新| 青青青国产在线观看免费网站|