使用json.post和json.get方法的可枚举列表的局部视图 [英] Partial view with ienumerable list with json.post and json.get methode

问题描述

嗨朋友们，



我想在局部视图中查看产品列表的结果，



i想要添加一个信息程序到新产品添加系统，



i想要显示即当我在新产品文本框中键入单词T我想要显示产品表中的meany产品如何从T开始名称，



或即TE然后必须显示名称中的产品是TE

或任何字或任何名称



所以请帮我解决这个问题，



我尝试过：



jqUERY功能

Hi friends ,

I am Trying to Get a result of product list in partial view ,

i want to add a information program to new product add system ,

i want show i.e when i type a word "T" in new product text-box i want to show how meany products is in product table that start a name from "T" ,

or i.e "TE" then its must to show products from name is "TE"
or any word or any name

so please help me to solve this ,

What I have tried:

jqUERY function

$(document).ready(function () {
			$("#Product_Name").keyup(function () {
				var pnm = $("#Product_Name").val().trim();
				alert(pnm);
				var Url = "/Product/SerchProd";
				$.post(Url, { pnm: pnm }, function (data) {
						$.get("/Product/SerchProdList", function (respnse) {
							$("#finalprd").html(respnse);
							$('.finalprd').SHOW();
							return false;
						});
	
				});

			});

		});

partial view（）



@model IEnumerable









产品名称：







@foreach（模型中的var项目）

{





@ Html.DisplayFor（modelItem => item.Product_Name）





}



控制器

partial View()

@model IEnumerable




Product Name :



@foreach (var item in Model)
{


@Html.DisplayFor(modelItem => item.Product_Name)


}

Controller

public JsonResult SerchProd(string pnm)
   {


       TempData["pnm"] = pnm;
       TempData.Keep();
       return Json(pnm,JsonRequestBehavior.AllowGet);
   }

   public PartialViewResult SerchProdList()

   {
       string pnm = (string)TempData["pnm"];
       ViewBag.NameSortParm = String.IsNullOrEmpty(pnm) ? "Name_desc" : "";
       var prod = from p in dc.Product_master
                  select p;
       switch (pnm)
       {
           case "Name_desc":
               prod = prod.OrderByDescending(p => p.Product_Name);
               break;


       }

       return PartialView(prod.ToList());
   }

推荐答案

（document）.ready（function（）{

(document).ready(function () {

（＃Product_Name）。keyup（function（）{
var pnm =

("#Product_Name").keyup(function () { var pnm =

（＃Product_Name）。val（）。trim（）;
alert（pnm）;
var Url =/ Product / SerchProd;

("#Product_Name").val().trim(); alert(pnm); var Url = "/Product/SerchProd";

这篇关于使用json.post和json.get方法的可枚举列表的局部视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！