我正在开发一个自我设计的仪表板页面。用户在 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、类和内容。
到目前为止,我所做的是,我以这种格式将所需的值保存在按钮单击事件的 asphiddenfield 中:
"2|widget0,span4,content1,content2|widget1,span3,0,0"
我通过使用 jquery 处理表单提交事件来做到这一点,由 asp 按钮单击触发。但是我的服务器按钮单击功能所需的数据库写入操作不起作用。我认为这是因为我在btnSaveDashboard_Click(object sender, EventArgs e)
函数句柄之前处理了表单提交事件并从 jquery 提交表单..
我想做的是,当用户单击“保存仪表板”按钮时,在重定向到仪表板视图页面之前,将这些值保存在我的数据库中,然后重定向。
我只是找不到如何通过单击按钮来做到这一点;
- 获取所需的 html 值
- 将它们保存在隐藏字段或其他可访问的地方,如视图状态
- 将这些值保存在我的数据库中
如果需要,我可以提供更多详细信息。
谢谢。