jquery - 使用 x-editable ASP.NET 保存数据

Question

我正在使用 x 可编辑控件。我的代码是：

<a href="#" id="status" runat="server" clientidmode="Static" 
data-url="/Handler/Save.ashx" data-type="select" data-pk="1" 
data-title="Status">Yes</a>

我的 JavaScript 代码：

<script type="text/javascript">
    $(document).ready(function () {
        $.fn.editable.defaults.mode = 'popup';

        $('#status').editable({
            type: 'select',
            placement: 'right',
            value: 1,
            source:
            [
                { value: 1, text: 'Yes' },
                { value: 0, text: 'No' }
            ]
        });

    });
</script>

如何发送数据 /Handler/Save.ashx 与 data-pk 值和新值以及如何设置处理程序？

谢谢。

Answer 1

哦耶。

首先，我建议您使用WebMethod[()]而不是ashx处理程序。WebMethod更加用户友好;)。

[WebMethod()]
        public static string Save(string pk, string value)
        {
            string response = "";//TODO
            return response;
        }

在html中：

<a href="#" data-type="select" class="editable"
            data-pk="1" data-source="{value: 1, text: 'Yes' },{ value: 0, text: 'No' }"
            data-value="1" data-url="/SomePage.aspx/Save" data-title="Select options"
            />

你的JavaScript：

<script type="text/javascript">
$(document).ready(function(){
    $('.editable' ).on('save', function (e, params){
        var x = params.response;
        //$('.bottom-right').notify({message: {text: x}}).show();
    });
});
</script>