jQuery 三级联动选项栏

其实JS我也不熟，但刚进新公司做WEB项目，做一个三级联动的选项栏。网上搜了很多，因为选项栏中的数据是要从数据库中取出的。听说jQuery很强大，就用jQuery了。

思路：

1 将数据库中的数据转换成JSO格式，然后用getJSON获取。

GetTypeData.aspx

protected void Page_Load(object sender, EventArgs e)
		{
			//从数据库中获取数据
			ChooseTypeService typeService = new ChooseTypeService();
			List<Cxzs_Type> typeList = typeService.GetTypeList() as List<Cxzs_Type>;
			string josonStr = GetJosonData(typeList);
			//写出数据
			Response.Clear();
			Response.Write(josonStr);
			Response.End();
		}

		/// <summary>
		/// 获取Json类型的数据
		/// </summary>
		/// <param name="type"></param>
		/// <returns></returns>
		private string GetJosonData(List<Cxzs_Type> type)
		{
			string strJoson = "[";
			for (int i = 0; i < type.Count; i++)
			{
				strJoson += @"{""id"":""";
				strJoson += "" + type[i].Id + "\"" + ",";
				strJoson += @"""name"":""";
				strJoson += "" + type[i].Name + "\"" + ",";
				strJoson += @"""ParentId"":""";
				strJoson += "" + type[i].ParentId + "\"" + ",";
				strJoson += @"""FullName"":""";
				strJoson += "" + type[i].FullName + "\"" + "}";
				//多个的时候增加逗号分割符
				if (type.Count > 1 && i < type.Count - 1)
				{
					strJoson += ",";
				}
			}
			strJoson += "]";
			return strJoson;
		}

更多相关文章

随机推荐