当点击保存按钮时,保存文本框的数据到数据库,同时在gridview 中新增一行,要求带有编辑和删除列。
前台:
工號: <asp:TextBox ID="id" name="no" runat="server"></asp:TextBox>
姓名: <asp:TextBox ID="name" name="no2" runat="server"></asp:TextBox>
入職時間: <asp:TextBox ID="txt_date" name="no3" onclick ="WdatePicker()" runat="server"></asp:TextBox>
部門 : <asp:DropDownList ID="dept" runat="server"> </asp:DropDownList>
<input type="button" id="btnAdd" name="sub" value="保存" />
<Columns>
<asp:BoundField HeaderText="工號" DataField="ID" />
<asp:BoundField HeaderText="姓名" DataField="Name" />
<asp:BoundField HeaderText="入職時間" DataFormatString="{0:d}" DataField="intime" />
<asp:BoundField HeaderText="部門" DataField="dept" />
<asp:CommandField HeaderText="編輯" ShowEditButton="True" > </asp:CommandField>
<asp:CommandField HeaderText="删除" ShowDeleteButton="True" > </asp:CommandField>
</Columns>
-----------------请问我下面这个该怎么添加编辑删除啊?
$("#btnAdd").click(function () {
var Jsonform = $("#form1").serialize();
$.post("info.aspx?act=saveall", Jsonform, function (result) {
var json = eval("(" + result + ")");
var str = json[0].Success;
if (str != "false") {
var table = document.getElementById("dgPersons").getElementsByTagName("tbody");
var tr = document.createElement("tr");
var tdID = document.createElement("td");
var tdName = document.createElement("td");
var tdintime = document.createElement("td");
var tddept = document.createElement("td");
tdID.innerHTML = document.getElementById("id").value;
tdName.innerHTML = document.getElementById("name").value;
tdintime.innerHTML = document.getElementById("txt_date").value;
tddept.innerHTML = document.getElementById("dept").value;
tr.appendChild(tdID);
tr.appendChild(tdName);
tr.appendChild(tdintime);
tr.appendChild(tddept);
table[0].appendChild(tr);
alert("保存成功!");
}
else {
var str1 = json[0].MSG;
alert("保存失败!" + str1);
}
});
})
前台:
工號: <asp:TextBox ID="id" name="no" runat="server"></asp:TextBox>
姓名: <asp:TextBox ID="name" name="no2" runat="server"></asp:TextBox>
入職時間: <asp:TextBox ID="txt_date" name="no3" onclick ="WdatePicker()" runat="server"></asp:TextBox>
部門 : <asp:DropDownList ID="dept" runat="server"> </asp:DropDownList>
<input type="button" id="btnAdd" name="sub" value="保存" />
<Columns>
<asp:BoundField HeaderText="工號" DataField="ID" />
<asp:BoundField HeaderText="姓名" DataField="Name" />
<asp:BoundField HeaderText="入職時間" DataFormatString="{0:d}" DataField="intime" />
<asp:BoundField HeaderText="部門" DataField="dept" />
<asp:CommandField HeaderText="編輯" ShowEditButton="True" > </asp:CommandField>
<asp:CommandField HeaderText="删除" ShowDeleteButton="True" > </asp:CommandField>
</Columns>
-----------------请问我下面这个该怎么添加编辑删除啊?
$("#btnAdd").click(function () {
var Jsonform = $("#form1").serialize();
$.post("info.aspx?act=saveall", Jsonform, function (result) {
var json = eval("(" + result + ")");
var str = json[0].Success;
if (str != "false") {
var table = document.getElementById("dgPersons").getElementsByTagName("tbody");
var tr = document.createElement("tr");
var tdID = document.createElement("td");
var tdName = document.createElement("td");
var tdintime = document.createElement("td");
var tddept = document.createElement("td");
tdID.innerHTML = document.getElementById("id").value;
tdName.innerHTML = document.getElementById("name").value;
tdintime.innerHTML = document.getElementById("txt_date").value;
tddept.innerHTML = document.getElementById("dept").value;
tr.appendChild(tdID);
tr.appendChild(tdName);
tr.appendChild(tdintime);
tr.appendChild(tddept);
table[0].appendChild(tr);
alert("保存成功!");
}
else {
var str1 = json[0].MSG;
alert("保存失败!" + str1);
}
});
})