metronic_v2.0.2開發的小常識 ---下拉列表

 最近在用 metronic_v2.0.2  這個框架 開始使用 感覺還是不錯的，但是到後期 發現一些共有的操作 廢話不說 上代碼 祝大家開發速度 嗖嗖嗖

 

9 添加select 下拉列表的方法

<%=basePath%>assets/scripts/custom/table-editable1.js  首先添加 這個框架的自身對table表單的支持

      $.ajax({
                    type : "GET",
                    url : "workerInfoAction_getAll.action",
                    dataType : "json",
                    success : function(data) {

                         var jso=eval(data);
                         text="";
                        for(var i=0;i<jso.length;i++){
                
                                text+='<option value ="'+jso[i].id+'">'+jso[i].name+'</option>';
                                
                            }
                        
                jqTds[3].innerHTML = '<select  class="form-control input-small" value="">'+text+' </select>';
 
                     },
                    error : function(data) {
                        alert("訪問失敗  請聯繫管理員)");
                    }

                });   
這個就是 基本的添加操作 放置在 edit方法中function editRow(oTable, nRow) {
}中

其次是對這個 下拉操作的 處理：

1.下拉選擇後保存的傳值

2.下拉保存後的值顯示

1.這個有關於這個metronic_v2.0.2 框架開發的 學習 ，這裏先不贅述 後期會發表自己的學習心得

       保存傳值：

                        $('select')[1].value,                                                                這個可以拿到其對應的value 值 id

這裏就可以進行 ajax的update操作 ；了

2.下拉保存後的值顯示

var a=$('select')[0].selectedOptions[0].textContent;  通過這個獲取到那個下拉列表的 原始 中文內容 name

把這個放置在原來的位置  就可以正常顯示

親測可用