同时选择和编辑数据的解决方案

本文关键字：数据 解决方案 编辑 选择 | 更新日期: 2023-09-27 18:10:30

我在c#中有一个asp.net应用程序。

我有一个表在SQL server数据库与两个字段:

Field1
Comments

我需要允许用户选择Field1并为特定的Field1添加注释

，然后用户将输入发送回服务器

我如何做到这一点?我可以使用哪个控件?是否已经有一个简单的jquery解决方案?

同时选择和编辑数据的解决方案

我会把可能的选择下拉，然后使用jquery使JSON请求从你的控制器获取数据，然后有一个保存按钮调用另一个javascript函数发布修改后的数据回控制器。

控制器:

public ActionResult GetFields()
{
var model=new MyModel();
model.Selections =(from m in database.table select m.Field1).ToList();
return View(model);
}
public ActionResult GetComments(string field1)
{
return Content((from c in database.table where(c.Field1==field1)select c.Comments).First());
}
[HttpPost]
public void SaveComments(string field1, string comments)
{
var record=(from r in database.table where(r.Field1==field1)select r).First();
record.Comments=comments;
database.SaveChanges;
return;
}

视图:

<script type="text/javascript>
function SaveComments(){
var url='@Url.Action("GetComments","YourControllerName");
url+='?field1='+$('#selections option:selected').text();
$('#selectedField').text($('#selections option:selected').text());
$('#commentEditor').load(url);
};
function SaveComments(){
var url='@Url.Action("SaveComments","YourControllerName")';
url+='?field1='+$('#selections option:selected').text()+'&comments='+$('#commentEditor').text();
$('#dummy').load(url);
};
</script>
<select id="selections" onchange="SelectionChanged()">
@foreach(var item in Model.Selections)
{
<option value="@item">@item</option>
}
</select>
<div id="selectedField"/>
<input type="text" id="commentEditor"/>
<input type="button" value="apply" onclick="SaveComments()"/>
<div id="dummy"/>

免责声明:这里可能会有一些小错误(通常不要在文本框中编写大块代码:p)，您可能不应该使用虚拟div，并且您需要在视图模型上有一个List，其get返回基于selection中的值。这应该给你一个大致的概念。

这完全取决于您的站点设置。但是，如果您有一个Field1值列表，并将它们放在下拉列表中，您将能够选择一个并在框中添加注释。

这也很大程度上取决于你的用户界面/工作流。这只是许多可能的方法之一。

代码前

<asp:DropDownList ID="ddlField1" runat="server">
    <asp:ListItem>Value1</asp:ListItem>
    <asp:ListItem>Value2</asp:ListItem>
    <asp:ListItem>Value3</asp:ListItem>
    <asp:ListItem>Value4</asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="tbComments" runat="server" TextMode="MultiLine"></asp:TextBox>
<asp:Button ID="btSubmit" runat="server" OnClick="btSubmit_Click"></asp:Button>
<asp:SqlDataSource ID="sqlRecord" runat="server"
    InsertCommand="InsertRecord" InsertCommandType="StoredProcedure">
    <InsertParameters>
        <asp:Parameter Name="Field1" Type="String" />
        <asp:Parameter Name="Comment" Type="String" />
    </InsertParameters>
</asp:SqlDataSource>

背后的代码
public void btSubmit_Click(object sender, EventArgs e)
{
  // Do your validation of the data here
  ..
  // Add fields and insert
  sqlRecord.InsertParameters["Field1"].DefaultValue = ddlField1.SelectedValue;
  sqlRecord.InsertParameters["Comment"].DefaultValue = tbComment.Text;
  sqlRecord.Insert();
}

这是未经测试和部分伪代码，但应该让你在一个一般的非mvc web应用程序的正确方向。. NET和c# .

相关文章：