將動態生成的html屬性保存在數據庫中（Asp.Net，Jquery）

Question

我正在自我設計儀表板頁面上工作。 用戶將自定義大小的框拖放到div元素中，然后將一些數據放入框內。 一旦完成，我想將這些框的某些屬性保存在db中，而不是保存整個html代碼。

<div id="widget0" class="box span2">
    <div class="box-header well" style="padding-left: 3px;" data-original-title="">
        <div style="float:left">
            <a href="javascript:void(0)" class="btn btn-narrow-left btn-round"><i class=" icon-chevron-left"></i></a>
            <a href="javascript:void(0)" class="btn btn-extend-down btn-round"><i class=" icon-chevron-down"></i></a>
            <a href="javascript:void(0)" class="btn btn-narrow-up btn-round"><i class=" icon-chevron-up"></i></a>
            <a href="javascript:void(0)" class="btn btn-extend-right btn-round"><i class=" icon-chevron-right"></i></a>
        </div>
        <div style="float: right !important; margin-right: -15px;">
            <a href="javascript:void(0)" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
        </div>
    </div>
    <div class="box-content">
        <div id="boxContent0" style="width:100%;height:250px;border-collapse:collapse;" class="ui-droppable">
        </div>
    </div>
</div>

上面是我的盒子的示例html代碼。 我只保存div ID，類和內容。

到目前為止，我所做的是，我以以下格式將所需的值保存在按鈕單擊事件的asphiddenfield中：

"2|widget0,span4,content1,content2|widget1,span3,0,0"

我通過使用jquery處理ASP提交事件來完成此操作，該事件由asp按鈕單擊觸發。 但是我的服務器按鈕單擊功能中所需的數據庫寫入操作不起作用。 我認為這是因為我在btnSaveDashboard_Click(object sender, EventArgs e)函數處理並從jquery提交表單之前處理了表單提交事件。

我想做的是，當用戶單擊“保存儀表板”按鈕時，在重定向到儀表板視圖頁面之前，將這些值保存在我的數據庫中，然后進行重定向。

我只是找不到一種方法， 只需單擊一下按鈕即可 ；

• 獲取所需的html值
• 將它們保存在隱藏字段或其他可訪問的地方，例如viewstate
• 將這些值保存在我的數據庫中

如果需要，我可以提供更多詳細信息。

謝謝。

Answer 1

您可以使用Button的OnClientClick客戶端事件在HiddenField中填充回發發生之前所需的值。

如果完成此操作，則應該在Button的OnClick服務器端事件上具有所需的值。 此時，您應該可以對他們進行任何操作。