Mvc Helper for Edit

最新推荐文章于 2018-01-21 15:39:51 发布

zhangxiao86

最新推荐文章于 2018-01-21 15:39:51 发布

阅读量331

点赞数

分类专栏： 4pm work summary 文章标签： mvc function callback dialog header ajax

本文链接：https://blog.csdn.net/zhangxiao86/article/details/6744696

版权

4pm work summary 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

@helper createEditFormForTemplate(string id)
    {
        @* INTERFACE DESIGN *@
         <form id="@(id)" title="Edit Template">
             <table class="listmobTable">
             <tr><td style="width: 100px"><b>Tmpl Id: </b></td><td><input id="Tid" type="text" readonly="true" name="Tid"/></td></tr>
             <tr><td><b>User Id: </b></td><td><input id="Tuserid" type="text" name="Tuserid"/></td></tr>
             <tr><td><b>Temp_Name:</b></td><td><input id="TName" type="text" name="TName"/></td></tr>
             <tr><td><b>Description:</b></td><td><textarea  id="Desciption" type="text" name="Desciption" cols="25" rows="5" ></textarea></td></tr>
             <tr><td><b>State: </b></td><td>
                 <select id="Tstate" name="Tstate">
                         <option value="0">close</option>
                         <option value="1">pending</option>
                         <option value="2">open</option>
                         <option value="3">promote</option>
                 </select>
             </td></tr>
             <tr><td><b>Price: </b></td><td><input id="Tprice" type="text" name="Tprice"/></td></tr>
             </table>
             <p class="myinfo">*Any modification will be shown in list by refreshing this page.</p>
         </form>
    
        @* Define:  updateTemplateForm_dialogid() function for update the dialog *@
        @* USE AJAX *@
        <script type="text/javascript">
            function updateTemplateForm_@(id) (id, callback) {
                $.ajax({
                    type: "POST",
                    url: "Ajax/getTemplateById",
                    data: "id=" + id,
                    success: function (msg) {
                        //update content in form based on data reply from server
                        $('#@(id) #Tid').attr("value", msg.id);
                        $('#@(id) #Tuserid').attr("value", msg.userid);
                        $('#@(id) #Tstate').attr("value", msg.state);
                        $('#@(id) #Tprice').attr("value", msg.price);
                        $('#@(id) #TName').attr("value", msg.tempname);
                        $('#@(id) #Desciption').attr("value",msg.description);
                        $('#ui-dialog-title-@(id)').html("Edit Template [" + msg.id + "]");

                        callback();
                    }
                });
            }
        </script>
    
        @* Make it a dialog *@
        @* USE AJAX to implement form submission *@
        <script type="text/javascript">
            $(function () {
                $("#@(id)").dialog({
                    autoOpen: false,
                    width: 400,
                    buttons: {
                        "Ok": function () {
                            $.ajax({
                                type: "POST",
                                url: "Ajax/modifyTemplate",
                                data: $("#@(id)").serialize(),
                                success: function (msg) {
                                    $.jGrowl(msg, { header: "Update" });
                                     var query1 = "/TemplateManagement";
                                     window.location = query1;
                                },
                                error: function (msg) {
                                    updateTemplateForm_@(id)($("#Tid").attr("value"), function () { });
                                    $.jGrowl("update failed!", { header: "Update" });
                                }
                            });
                        },
                        "Close": function () {
                            $(this).dialog("close");
                        }
                    }
                });
            });
        </script>
}