zoukankan      html  css  js  c++  java
  • CRM点击多选框——第23天

    在table_objs_change.html:

     <form class="form-horizontal" method="post" onsubmit="return SelectAllChosenData()">{% csrf_token %}
            <div style="color: red">{{form_obj.errors}}</div>
            {% for filed_form in form_obj%}
            <div class="form-group">
                <label class="col-sm-2 control-label" style="font-weight:normal">
                    {% if filed_form.field.required%}
                        <b>{{filed_form.label}}</b>
                    {% else %}
                        {{filed_form.label}}
                    {% endif %}
                </label>
                <div class="col-sm-10">
                  {#<input type="email" id="inputEmail3" placeholder="{{filed_form}}">#}
    
                    {% if filed_form.name in admin_class.filter_horizontal%}
                    <div class="col-lg-5">
                        {% get_m2m_choose_data admin_class filed_form form_obj as m2m_obj_list%}
                        <select multiple class="filter-select-box" id="id_{{filed_form.name}}_from">
                            {% for m2m_obj in m2m_obj_list%}
                                <option ondblclick="MoveElementTo(this,'id_{{ filed_form.name }}_to','id_{{ filed_form.name }}_from')" value="{{m2m_obj.id}}">{{m2m_obj}}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-1">
                        箭头
                    </div>
                    <div class="col-lg-5">
                        {% get_m2m_selected_obj filed_form form_obj as m2m_seleced_list %}
                        <select tag="chosen_list" multiple class="filter-select-box" id="id_{{filed_form.name}}_to" name="{{filed_form.name}}">
                            {% for m2m_selected_obj in m2m_seleced_list %}
                                <option ondblclick="MoveElementTo(this,'id_{{ filed_form.name }}_from','id_{{ filed_form.name }}_to')" value="{{m2m_selected_obj.id}}">{{m2m_selected_obj}}</option>
                            {% endfor %}
                        </select>
                    </div>
    
    
                    {% else %}
                        {{filed_form}}
                    {% endif %}
                </div>
            </div>
            {% endfor %}
            <div class="form-group">
                <button type="submit" class="btn btn-success pull-right" >SAVE</button>
            </div>
    
        </form>
    
    <script>
        function MoveElementTo(ele,target_id,new_target_id) {
            var opt_ele = "<option value='" + $(ele).val() + "' ondblclick=MoveElementTo(this,'" + new_target_id +"','"+ target_id +"')>" + $(ele).text() + "</option>";
           // $(ele).off().dblclick($(ele), parent_id)
            $("#" +target_id).append(opt_ele);
            $(ele).remove();
    
        }
        function SelectAllChosenData() {
    
            $("select[tag='chosen_list'] option").each(function () {
                $(this).prop("selected",true);
            })
            return true;
        }
    
    </script>
  • 相关阅读:
    Kaggle网站流量预测任务第一名解决方案:从模型到代码详解时序预测
    点击率预估
    论文列表——text classification
    retrofit+RXjava二次封装
    Twitter Lite以及大规模的高性能React渐进式网络应用
    《设计模式》结构型模式
    maven多module项目中千万不要引入其它模块的单元測试代码
    Jenkins配置基于角色的项目权限管理
    读《百度基础架构技术发展之路》有感
    <html>
  • 原文地址:https://www.cnblogs.com/venvive/p/11355609.html
Copyright © 2011-2022 走看看