Data backfilling and adding, deleting, checking and modifying

Data backfilling and adding, deleting, checking and modifying

开发工具与关键技术:JS
作者:赵纯雨
班级:1803
撰写时间:2019.6.27

I don’t know why these pictures cannot be displayed after being inserted into the text, so I put them at the top of the row. I use pictures 1 to 5 to show
. Picture 1:

Insert picture description here
Figure 2:
Insert picture description here
Figure 3:
Insert picture description here
Figure 4:
Insert picture description here
Figure 5:
Insert picture description here
Data backfilling and adding, deleting, checking and modifying

开发工具与关键技术:JS
作者:赵纯雨
班级:1803
撰写时间:2019.6.27
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在本次的写作当中,我要写的是数据回填以及数据的增删查改的一些基本操作,话不多说,看代码:
<form id="forSupplier" action="" method="post">
<div class="row m-0 p-0">
<div class="col-7">
<div>
<label class="mx-3">供应商名称:</label>
<input type="text" style="width:150px;height:20px;" id="ming" name="SupplierName" />
<input type="text" id="mingID" name="SupplierManagementID" hidden />
                </div>
            </div>
        </form>
以上就是部分代码,我给它的就只是部分的参照物,我们在input标签里,在这个代码当中,只要他有一个input,我们就给它一个ID,给他一个name,不管它有多少个input,就给它多少ID,	给它多少个name,ID你可以随便给取个值,但是name的话就需要你去数据库去一一对应了,也就是在表格渲染当中你要获取的数据,
//数据回填
var SupplierName = obj.data.SupplierName;
var PersonToContact = obj.data.PersonToContact;
var SupplierAddress = obj.data.SupplierAddress;
var Telephone = obj.data.Telephone;
var MobilePhone = obj.data.MobilePhone;
var Fax = obj.data.Fax;
console.log(obj);
var SupplierManagementID = obj.data.SupplierManagementID;
$("#ming").val(SupplierName);
$("#lian").val(PersonToContact);
$("#di").val(SupplierAddress);
$("#dian").val(Telephone);
$("#shou").val(MobilePhone);
$("#chuan").val(Fax);
$("#mingID").val(SupplierManagementID);
当你点击表格数据的时候,数据就回填到文本框,如图:
!!!!图一!!!!
数据回填之后,我们就可以查找数据等操作了。
接下来,就是增删查改了,在学习MVC的时候,就有很多这些案例,所以我就在原来的基础上,加了一些内容,就是在做增删查改的时候,最开始的时候我是把保存和取消按钮禁用掉的,只有当你点击新增或修改按钮的时候,保存和取消按钮才不会被禁用掉,每当不管你是新增完还是修改完,当你点击保存之后,这保存和取消按钮就会自动禁用,如图:
!!!!图二!!!!
上图就是我做完之后,最初始的状态,保存、取消是禁用的。
!!!!图三!!!!
这个是当它点击新增后,保存、取消就取消禁用。
!!!!图四!!!!
这个是当它点击修改后,保存取消就取消禁用。
!!!!图五!!!!
最后一个,就是你不管点击保存和取消按钮,它都会回到最开始的状态。
接下来就是一些基本操作啦,点击新增,输入内容,新增成功,也做了一些判断:
public ActionResult GYSXZ(D_SupplierManagement d_SupplierManagement)
{
 ReturnJson returnJson = new ReturnJson();

var list = (from tb in Mymodels.D_SupplierManagement
where tb.SupplierName == d_SupplierManagement.SupplierName
select tb).Count();
if (list == 0){
                Mymodels.D_SupplierManagement.Add(d_SupplierManagement);
                if (Mymodels.SaveChanges() > 0){
                    returnJson.State = true;
                    returnJson.Text = "保存成功!";
                }
                else{
                    returnJson.State = false;
                    returnJson.Text = "保存失败!";
                }
            }
            else{
                returnJson.Text = "数据重复,请重试!";
            }

            return Json(returnJson, JsonRequestBehavior.AllowGet);
        }
点击修改,更改数据,点击保存,保存成功,做判断:
public ActionResult GYSXG(D_SupplierManagement d_SupplierManagement)
{
ReturnJson returnJson = new ReturnJson();
		var list = (from tb in Mymodels.D_SupplierManagement
where tb.SupplierManagementID != d_SupplierManagement.SupplierManagementID
        && tb.SupplierName == d_SupplierManagement.SupplierName
        select tb).Count();
            if (list == 0){
                Mymodels.Entry(d_SupplierManagement).State = EntityState.Modified;
                if (Mymodels.SaveChanges() > 0){
                    returnJson.State = true;
                    returnJson.Text = "修改成功!";
                }
                else{
                    returnJson.State = false;
                    returnJson.Text = "修改失败!";
                }
            }
            else{
                returnJson.Text = "数据已相同,请重试!!";
            }
            return Json(returnJson, JsonRequestBehavior.AllowGet);
        }
点击删除,删除成功:
 public ActionResult GYSSC(D_SupplierManagement d_SupplierManagement){
            ReturnJson returnJson = new ReturnJson();
            	var list = (from tb in Mymodels.D_SupplierManagement
where tb.SupplierManagementID == d_SupplierManagement.SupplierManagementID
             select tb).Single();
            Mymodels.D_SupplierManagement.Remove(list);
            if (Mymodels.SaveChanges() > 0){
                returnJson.State = true;
                returnJson.Text = "删除成功!";
            }
            else{
                returnJson.State = false;
                returnJson.Text = "删除失败!";
            }
            return Json(returnJson, JsonRequestBehavior.AllowGet);
        }

Guess you like

Origin blog.csdn.net/weixin_44540773/article/details/93907278