BootStrap selectpicker后台动态绑定数据

项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决。

//获得全部订单信息(订单ID,订单名称)
function GetAllOrders(obj) {
    $.ajax({
        type: ‘Get‘,
        url: ‘/OrderTypeSetting/GetAllCanUseOrderTypes/‘,
        dataType: "Json",
        success: function (data) {
            if (!data.flag) {
                $.each(data, function (i, n) {
                    $("#" + obj).append(" <option value=\"" + n.os_id + "\">" + n.os_name + "</option>");
                })
                $("#" + obj).selectpicker(‘refresh‘);

            }
        }
    })

}

//获得全部订单信息(订单ID,订单名称)
function GetAllOrders(obj) {
    $.ajax({
        type: ‘Get‘,
        url: ‘/OrderTypeSetting/GetAllCanUseOrderTypes/‘,
        dataType: "Json",
        success: function (data) {
            if (!data.flag) {
                var opstr = "";
                $.each(data, function (i, n) {
                     opstr += " <option value=\"" + n.os_id + "\">" + n.os_name + "</option>";
                })
                var myobj = document.getElementById(obj);
                if (myobj.options.length == 0) {
                    $("#" + obj).html(opstr);
                    $("#" + obj).selectpicker(‘refresh‘);
                }
            }
        }
    })

}

参考资料:

bootstrap-select

时间: 2024-11-09 00:15:01

BootStrap selectpicker后台动态绑定数据的相关文章

bootstrap selectpicker 通过代码指定选中值 BootStrap selectpicker后台动态绑定数据 selectpicker 获取选中option的属性或者值

bootstrap-select使用 bootstrap selectpicker 通过代码指定选中值 $('#subjectno').selectpicker('val',(row.subjectno)); row.subjectno替换成你要指定的值,当然前提必须要在select已有的数据中 selectpicker 获取选中option的属性或者值 BootStrap selectpicker后台动态绑定数据

后台动态绑定数据

直接上代码 aspx页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Couponlist.aspx.cs" Inherits="Coupon_Couponlist" %> <!DOCTYPE html> <html> <head runat="server"> <title>优惠

bootstrap select下拉框模糊搜索和动态绑定数据解决方法

此方法适合后台一次性返回所有数据好了废话不多说直接上代码: <!DOCTYPE html><html><head> <title>Bootstrap-select test page</title> <meta charset="utf-8"> //代码自己下载 <link rel="stylesheet" href="http://www.jq22.com/jquery/boo

HighChat动态绑定数据 数据后台绑定(四)

后台绑定数据,直接返回json数据 IList<SummaryHour> adHourData = summarybll.FindList(str); List<int> Hour = new List<int>() { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23 }; List<int> downNumber = new List&

HighChat 动态绑定数据记录

最近刚开始做图形操作,纠结了一上午,highchat 动态绑定数据这块一直不知道怎么绑定,后来多次尝试,发现 1.x轴的数据是个数组格式,我从后台传到前台的时候,js中用数组进行处理数据,然后赋值到chat就不会报错, 2.y轴的数据和x轴数据还不一样,通过数组处理后发现还是无法显示.后来我在后台将数据添加了中括号[]括起来后,传到前台,然后前台在用eval()处理后就能够显示了 3.eval具有计算的功能,刚开始x轴的时候我用了eval对时间进行操作发现时间都是相减了,格式为:2017-07-

基于Bootstrap框架的临床数据管理系统的设计与开发

    基于Bootstrap框架的临床数据管理系统的设计与开发     2018年11月10日 目  录 第一章绪论... 6 1.1 选题背景及其意义... 6 1.2国内外研究现状... 7 1.2.1 临床大数据管理系统发展现状... 7 1.2.2医疗电子表单管理发展现状... 8 1.3研究目标... 9 1.4 研究内容... 10 1.5论文整体结构... 10 第二章相关技术研究... 12 2.1 AngularJS技术简述... 12 2.2 RESTful API +sw

下拉插件 (带搜索) Bootstrap-select 从后台获取数据填充到select的 option中 用法详解

今天收到了客户的需求,要求在新增停车场ID的时候要从数据库查出来对应的停车场名称然后显示在界面上.保存的时候按照停车场ID进行保存. 自己首先把后台的部分写完了,测试了接口数据.成功的拿到了ajax数据. 接下来,自己用了select下拉标签和js函数进行填充后台传过来的数据. 经过自己的不断百度和参考别人的博客,试了很多次终于成功的调试出了想要的结果. 特来博客记录一下,也分享一下开心的心情. (一)首先引入样式和JS文件 样式文件和JS下载放到本地最好,因为放到本地自己可以修改一些东西. 在

代码: 两列图片瀑布流(一次后台取数据,图片懒加载。下拉后分批显示图片。图片高度未知,当图片onload后才显示容器)

代码: 两列图片瀑布流(一次后台取数据,无ajax,图片懒加载.下拉后分批显示图片.图片高度未知,当图片onload后才显示容器) [思路]: 图片瀑布流,网上代码有多种实现方式,也有各类插件.没找到合意的,所以根据网上找的一段代码,进行了较大改动. 需引用 zepto 或 jquery. 我这个是应用于手机上的,两列瀑布流,图片高度未知——等图片的onloaded事件触发后,才对容器进行计算和定位. 大容器是 $("#imgList"),容器格子是$(".pin"

ajax从asp后台获取数据

1.前台 $.ajax({ //url: "demo/data/taskTree.txt", url: "GanttChart.aspx?taskList=1" , cache: false, success: function (text) { var data = mini.decode(text); gantt.loadTasks(data); gantt.unmask(); //折叠全部 //gantt.collapseAll(); } }); 2.后台 ?