<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    grid

    grid

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
    CRUD之:彈出面板編輯
          
               
     參考示例CRUD之:彈出面板編輯

                          

    一:創建彈出編輯面板

    <div id="editWindow" class="mini-window" title="Window" style="width:650px;" 
        showModal="true" allowResize="true" allowDrag="true"
        >
        <div id="editform" class="form" >
            <input class="mini-hidden" name="id"/>
            <table style="width:100%;">
                <tr>
                    <td style="width:80px;">員工帳號:</td>
                    <td style="width:150px;"><input name="loginname" class="mini-textbox" /></td>
                    <td style="width:80px;">姓名:</td>
                    <td style="width:150px;"><input name="name" class="mini-textbox" /></td>
                    <td style="width:80px;">薪資:</td>
                    <td style="width:150px;"><input name="salary" class="mini-textbox" /></td>
                </tr>
                <tr>
                    <td>性別:</td>
                    <td><input name="gender" class="mini-combobox" url="mini_JSPath + '../../demo/data/genders.txt'"/></td>
                    <td>年齡:</td>
                    <td><input name="age" class="mini-spinner" minValue="0" maxValue="200" value="25"  /></td>
                    <td>出生日期:</td>
                    <td><input name="birthday" class="mini-datepicker" /></td>
                </tr>
                <tr>
                    <td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
                        <a class="Update_Button" href="javascript:updateRow()">Update</a> 
                        <a class="Cancel_Button" href="javascript:cancelRow()">Cancel</a>
                    </td>                
                </tr>
           
            </table>
        </div>
    </div>
    
             

    二:面板操作

    彈出加載面板數據:
    var editWindow = mini.get("editWindow");
    editWindow.show();
    var form = new mini.Form("#editform");
    form.loading();
    $.ajax({
        url: "../data/DataService.aspx?method=GetEmployee&id=" + row.id,
        success: function (text) {
            var o = mini.decode(text);
            form.setData(o);
            form.unmask();
        },
        error: function () {
            alert("表單加載錯誤");
        }
    });
    

               

    保存提交面板數據:


    var form = new mini.Form("#editform");
    var o = form.getData();
    
    grid.loading("保存中,請稍后......");
    var json = mini.encode([o]);
    $.ajax({
        url: "../data/DataService.aspx?method=SaveEmployees",
        data: { employees: json },
        success: function (text) {
                        
            grid.reload();
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(jqXHR.responseText);
        }
    });
    
    editWindow.hide();
    
        
          
    posted on 2012-09-18 16:31 nikofan 閱讀(3071) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 18禁止看的免费污网站| 久久美女网站免费| 好爽好紧好大的免费视频国产| 亚洲欧洲日产国产最新| 久久不见久久见免费视频7| 久久夜色精品国产嚕嚕亚洲av| 91免费在线视频| 国产精品亚洲成在人线| 在线观看片免费人成视频无码| 亚洲国产精品无码AAA片| 午夜精品射精入后重之免费观看 | 国产精品亚洲片在线va| 色片在线免费观看| 亚洲一卡2卡3卡4卡乱码 在线 | 91福利免费网站在线观看| 久久久久亚洲精品无码网址| 岛国岛国免费V片在线观看| 亚洲成AV人片在线观看WWW| 91在线手机精品免费观看| 狠狠色香婷婷久久亚洲精品| 日本高清免费中文字幕不卡| 免费一区二区无码视频在线播放| 亚洲日韩一页精品发布| 18以下岁毛片在免费播放| 亚洲欧美日韩中文字幕一区二区三区| 国产精品公开免费视频| 在线免费观看伊人三级电影| 亚洲日本在线播放| 国产免费午夜a无码v视频| 中国极品美軳免费观看| 亚洲成A∨人片在线观看无码| 在线免费观看一级片| 东北美女野外bbwbbw免费| 亚洲成aⅴ人在线观看| 亚洲AV中文无码乱人伦| 污污网站18禁在线永久免费观看| 在线精品亚洲一区二区| 亚洲无线码在线一区观看| 无码国产精品一区二区免费I6| 一级做受视频免费是看美女| 亚洲一区在线免费观看|