iHealth-app-demo/html/survey/js/question_list.js

var count = 0,
    q_num,
    table_tp_id,
    page = 1,
    pagesize = 15,
    searchKey = "",
    hasMore = true,
    checkedList = [];
    
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    table_tp_id = self.tp_id;
    getList(true);
    initScroll();
    bindEvents();
});

function initScroll(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    mui('.mui-scroll-wrapper').pullRefresh({
        down: {
            callback: function() {
                setTimeout(function() {
                    getList(true);
                    mui('.mui-scroll-wrapper').pullRefresh().endPulldownToRefresh();
                }, 1000);
            }
        },
        up:{
            contentrefresh: '正在加载...',
            callback: function(){
                var self = this;
                setTimeout(function() {
                    getList(false);
                    mui('.mui-scroll-wrapper').pullRefresh().endPullupToRefresh(!hasMore);
                }, 1000);
            }
        }
    });
}

function getList(isInit){
    page = isInit ? 1: page;
    searchKey = $("#search-input").val();
    var url = "/doctor/questionnaire/getQuestionList",
        params = {title: searchKey, pageNo: page, pageSize: pagesize};
    sendGet(url, params, null, function(res){
        if(res.status == 200){
            page ++;
            if(res.data.length == 0){
                $("#no_result_wrap").show();
                $(".mui-scroll-wrapper").hide();
                $(".footer").hide();
            }else{
                $("#no_result_wrap").hide();
                $(".mui-scroll-wrapper").show();
                $(".footer").show();
                var list = _.map(res.data.questions, function(o){
                    for(var i=0; i<count; i++){
                        if(o.code == checkedList[i].code){
                            o.checked = true;
                            break;
                        }
                    }
                    o.jsonStr = JSON.stringify(o);
                    return o;
                });
                console.log(list);
                var html = template("question_tmp", {list: list});
                if(list.length < pagesize){
                    hasMore = false;
                    isInit && mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(!hasMore);
                }else{
                    hasMore = true;
                }
                if(isInit){
                    $(".mui-scroll").empty().append(html);
                }else{
                    $(".mui-scroll").append(html);
                }
                if(searchKey){
                    ellipsisText($(".mui-scroll-wrapper").find('.question'),searchKey);
                }
            }
        }else{
            mui.toast(res.msg);
        }
    }, true);
}

template.helper('setType', function(str){
    if(str == 0){
        return "单选";
    }
    if(str == 1){
        return "多选";
    }
    
    return "填空";
});

function bindEvents(){
    $('#cancel').on('click', function(){
        mui.back();
    });
    $("#search-input").on('input', function(){
        var html = $(this).val();
        var reg = new RegExp("<"+"(?!>)","gi");
        html = html.replace(reg,'&lt'); 
        var reg = new RegExp(">"+"(?!>)","gi");
        html = html.replace(reg,'&gt'); 
        $(".searchbar-clear").toggle($(this).val() != "");
    }).on('keyup',function(e) {
        if (e.which === 13) {
            getList(true);
        }
    });
    
    $("form").on('submit', function(){
        getList(true);
        return false;
    });
    
    $(".searchbar-clear").on('click', function(){
        $(this).hide();
        $("#search-input").val("");
    });
    
    $("body").on('change', ".q_checkbox", function(){
        var $parent = $(this).parent(),
            jsonData = $parent.attr("data-json");
        jsonData = JSON.parse(jsonData);
        if(this.checked){
            count ++;
            checkedList.push(jsonData);
        }else{
            for(i=0; i<count; i++){
                if(jsonData.code == checkedList[i].code){
                    checkedList.splice(i, 1);
                    break;
                }
            }
            count --;
        }
        $(".count").text(count);
    });
    
    $("#submit_btn").on('tap', function(){
        if(count == 0){
            dialog({
                content: "请选择您要添加的问题",
                contentType: "tipsbox",
                skin: 'bk-popup',
                closeTime: 2000
            }).showModal();
        }else{
            //获取选中的题目列表
//          var q_list = $("input[name=question]:checked"),
//              len = q_list.length;
            //将数据存储到表中
            var self = plus.webview.currentWebview(),
                opener = self.opener();
//              list = [];
            
//          for(i=0; i<len; i++){
//              var $parent = $(q_list[i]).parent(),
//                  jsonData = $parent.attr("data-json");
//              jsonData = JSON.parse(jsonData);
//              list.push(jsonData);
//          }
            mui.fire(opener, "multiInsert", {list: checkedList});
            mui.back();
        }
    });
}
function getRowProps($el) {
    var $textEllipsis = $el,
        $text = $textEllipsis.eq(0),
        $chart = $text.text('a'),
        enWidth = $chart.width(),
        $chart = $text.text('中'),
        zhWidth = $chart.width(),
        lineHeight = parseFloat($chart.css("lineHeight"), 10),
        rowHeight = $chart.height();
    $chart.text('');
    return {
        chartWidth: {
            zh: zhWidth,
            en: enWidth
        },
        rowHeight: Math.max(rowHeight, lineHeight),
        rowWidth: $el.width()
    };
}
function replaceAll(text, arr) {
    var html = text;
    _.each(arr,function(kw) {
        var reg = new RegExp(kw+"(?!>)","gi");
        html = html.replace(reg,'<em>'+kw+'</em>');
    });
    return html;
}
function highlineKeyword($el,searchText) {
    var props = getRowProps($el),
        chartWidth = props.chartWidth,
        rowHeight = props.rowHeight,
        rowWidth = props.rowWidth,
        // 每行显示字符数（以中文字符为标准计算）
        chartNum = Math.floor(rowWidth / chartWidth.zh),
        // 排除指定数量字符所占宽度
        exceptNum = 0,
        // 行数
        rowNum = 1,
        // 预计显示总字符数
        expectedNum = chartNum * rowNum - exceptNum,
        $target = $el,
        // 目标文本
        text = $.trim($target.attr('data-text')),
        length = text.length,
        // 关键字数组
        kws = $.trim(searchText).replace(/\s+/g," ").split(" ");

    var fidx = 0,preFidx,diff = 0;
    $target.html(replaceAll(text, kws));
    if(Math.floor($target.height() / rowHeight) <= rowNum) {
        return ;
    }
    if(text.length > expectedNum) {
        fidx = text.indexOf(kws[0])+kws[0].length-1;
        diff = fidx - expectedNum + 1;
        preFidx =  fidx;
        diff = (diff<0)?0:diff;
        var preChar = (diff>0)?"...":"";
        $target.html(preChar+replaceAll(text.slice(diff,preFidx+1), kws)+"...");
        while((Math.floor($target.height() / rowHeight) <= rowNum) && (preFidx < length)) {
            preFidx++;
            $target.html(preChar+replaceAll(text.slice(diff,preFidx+1), kws)+"...");
        }
        if(preFidx == length && (Math.floor($target.height() / rowHeight) <= rowNum)) {
            diff = diff>0?(diff - 1):0;
            $target.html(preChar+replaceAll(text.slice(diff,preFidx), kws));
        } else if((Math.floor($target.height() / rowHeight) > rowNum)) {
            $target.html(preChar+replaceAll(text.slice(diff,preFidx), kws)+"...");
        }
    }
}
function ellipsisText($elements, searchText) {
    //$el.ellipsis({ row: 2});
    _.each($elements,function(el) {
        var $textEl = $(el).find(".j-text-ellipsis");
        _.each($textEl, function(t){
            highlineKeyword($(t),searchText);
        });
    });
}