在数据库中保存动态生成的html属性(Asp.Net,Jquery)

时间:2014-04-07 11:08:20

标签: c# jquery html asp.net hiddenfield

我正在开发自我设计仪表板页面。用户将自定义大小的框拖放到div元素中,并将一些数据放在框中。一旦完成,我想将这些框的某些属性保存在数据库中,而不是保存整个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,class和contents。

到目前为止我所做的是,我以这种格式在按钮点击事件中的asphiddenfield中保存了所需的值:

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

我是通过使用jquery处理表单提交事件来完成此操作,由asp按钮点击触发。但我的服务器按钮单击功能所需的db写操作不起作用。我认为这是因为我在btnSaveDashboard_Click(object sender, EventArgs e)函数处理之前处理了表单提交事件,并从jquery提交表单。

我想要做的是,当用户点击“保存仪表板”按钮,然后重定向到仪表板视图页面,将这些值保存在我的数据库中,然后重定向。

我无法通过点击一下按钮找到解决方法

  • 获取所需的html值
  • 将它们保存在隐藏字段或其他可以像viewstate一样的地方
  • 将这些值保存在我的数据库中

如果需要,我可以提供更多详细信息。

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用Button的OnClientClick客户端事件使用回发发生前所需的值填充HiddenField。

如果你完成了这个,你应该在Button的OnClick服务器端事件中获得你想要的值。此时你应该可以随心所欲地做任何事情。