<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)  編輯  收藏

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


    網站導航:
     
    主站蜘蛛池模板: 亚洲av无码一区二区三区天堂| 亚洲视频在线不卡| 亚洲人成色99999在线观看| 免费精品无码AV片在线观看| 亚洲AV成人片色在线观看| 麻豆精品成人免费国产片| 亚洲午夜精品一区二区| 久久精品无码专区免费青青| 亚洲综合激情另类小说区| 成人浮力影院免费看| 亚洲欧洲日本在线观看| 国产猛烈高潮尖叫视频免费| 免费精品国自产拍在线播放| 亚洲日韩VA无码中文字幕| 中国一级毛片免费看视频| 久久综合图区亚洲综合图区| 最近中文字幕国语免费完整 | 亚洲第一综合天堂另类专| 午夜国产大片免费观看| 一个人免费观看www视频| 亚洲不卡中文字幕无码| www视频在线观看免费| 日韩亚洲不卡在线视频中文字幕在线观看 | 国产a视频精品免费观看| 亚洲av色香蕉一区二区三区| 亚洲国产婷婷综合在线精品| 伊人免费在线观看高清版| 亚洲综合视频在线| 成人免费视频一区| 中文字幕不卡免费视频| 亚洲欧洲在线观看| 免费看www视频| 成人网站免费大全日韩国产| 亚洲黄色免费网站| 国产精品冒白浆免费视频| 三级网站免费观看| 亚洲国产欧美一区二区三区| 亚洲成A人片在线观看无码不卡 | 99在线精品免费视频九九视| 亚洲av无码专区国产不乱码| 亚洲精品国精品久久99热一|