Làm cách nào để đóng một phương thức khi nhấp chuột?

Tôi có một nút trên trang chính mở cửa sổ bật lên, trong cửa sổ bật lên tôi có chế độ xem lưới, bảng và nút [Thêm hàng mới] nơi người dùng thêm người mới vào bảng và trên nút [Thêm hàng mới . Vấn đề là khi nhấp vào nút [Thêm hàng mới], cửa sổ bật lên sẽ đóng lại và khi mở lại, cửa sổ bật lên sẽ có hàng mới đó trong chế độ xem lưới. Làm cách nào để ngăn cửa sổ bật lên đóng khi nhấp vào nút [Thêm hàng mới]?

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à 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

Chủ Đề