Tôi đã thử rồi
function showModal[] { $['#PopUpModal'].modal['show']; } $[function [] { $["#btnOpenPopUp"].click[function [] { showModal[]; }]; }];Open PopUp
Name Surname Nickname
Close Save
protected void AddNewRow_Click[object sender, EventArgs e] { DataTable dt = new DataTable[]; dt.Columns.Add["cls_Name"]; dt.Columns.Add["cls_Surname"]; dt.Columns.Add["cls_Nickname"]; DataRow dr = null; if [ViewState["vs"] != null] { for [int i = 0; i < 1; i++] { dt = [DataTable]ViewState["vs"]; if [dt.Rows.Count > 0] { dr = dt.NewRow[]; dr["cls_Name"] = FtxtName.Text; dr["cls_Surname"] = FtxtSurname.Text; dr["cls_Nickname"] = FtxtNickname.Text; dt.Rows.Add[dr]; GridView1.DataSource = dt; GridView1.DataBind[]; } } } else { dr = dt.NewRow[]; dr["cls_Name"] = FtxtName.Text; dr["cls_Surname"] = FtxtSurname.Text; dr["cls_Nickname"] = FtxtNickname.Text; dt.Rows.Add[dr]; GridView1.DataSource = dt; GridView1.DataBind[]; } ViewState["vs"] = dt; FtxtName.Text = ""; FtxtSurname.Text = ""; FtxtNickname.Text = ""; }
Tôi đã thử đưa mọi thứ vào bên trong
và
và nó không hoạt động tốt. Trong trường hợp này khi tôi nhấp vào nút Thêm hàng mới, cửa sổ bật lên biến mất và nền có màu xám tĩnh và trang bị khóa
User475983607 đã đăngĐây chỉ là trang thử nghiệm, tôi có khả năng sử dụng thực sự như thế này.
Trước tiên, tôi muốn thêm nhiều hàng, sau đó đặt chúng vào danh sách và trên nút "Lưu" gửi tất cả chúng vào cơ sở dữ liệu
IMHO, một cách tiếp cận phức tạp và kém. Thiết kế này lưu trữ đầu vào của người dùng trong giao diện người dùng. Sau đó gửi một bộ hồ sơ lớn. Cách tiếp cận tốt hơn là chèn từng bản ghi một vào bảng cơ sở dữ liệu. Mã đơn giản hơn nhiều. Trải nghiệm người dùng đơn giản hơn và dễ quản lý hơn.
Phương thức chỉ có các trường đầu vào. Người dùng nhập dữ liệu và nhấp vào nút gửi. Biểu mẫu gửi lại và kết quả được hiển thị trên màn hình. Tôi sẽ tạo một bảng HTML với Bộ lặp vì bạn sẽ có nhiều quyền kiểm soát hơn đối với HTML.
Các bản cập nhật rất giống nhau với một điểm khác biệt. Bạn sẽ viết một vài dòng mã để sao chép một hàng giá trị vào phương thức. Tài liệu phương thức Bootstrap có các ví dụ JavaScript minh họa cách thực hiện việc này. nó khá đơn giản.
Nếu bạn vẫn muốn tiếp tục với cách tiếp cận của mình thì tôi sẽ bỏ GridView và viết một ứng dụng JavaScript có thêm hàng. Bạn cũng sẽ cần một Phương thức web và AJAX để gửi và chèn các bản ghi. Lý do là bạn không sử dụng các điều khiển máy chủ để tạo giao diện người dùng làm rối ViewState. Bạn cũng sẽ cần viết mã xác thực tùy chỉnh cho người dùng và sửa mọi bản ghi không chính xác