精华内容
下载资源
问答
  • 主要学习自定义控件的初步,androidUI设计也是一门学问啊,实现一个三层旋转按钮,效果图类似于

     类似于<img src="https://img-blog.csdn.net/20150706144705531?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><img src="https://img-blog.csdn.net/20150706144722417?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
    
    
    首先是布局文件如下:
    </p><p></p><pre name="code" class="html"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".MainActivity" >
    
        <!-- 第一级导航菜单  -->
        <RelativeLayout
          android:id="@+id/firstlevel"
          android:layout_width="100dp"
          android:layout_height="50dp"
          android:layout_alignParentBottom="true"
          android:layout_centerHorizontal="true"
          android:background="@drawable/level1">
                   
             <ImageButton 
                 android:id="@+id/btnhome"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:background="@drawable/icon_home"
                 android:layout_centerInParent="true"
              /> 
            
        </RelativeLayout>
        
        <!-- 第二级导航菜单  -->
         <RelativeLayout
          android:id="@+id/secondlevel"
          android:layout_width="180dp"
          android:layout_height="90dp"
          android:layout_alignParentBottom="true"
          android:layout_centerHorizontal="true"
          android:background="@drawable/level2">
                   
             <ImageButton 
                 android:id="@+id/search"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:background="@drawable/icon_search"
                 android:layout_alignParentBottom="true"
                 android:layout_marginLeft="9dp"
                 android:layout_marginBottom="6dp"
              /> 
            
              <ImageButton 
                  android:id="@+id/menu"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:background="@drawable/icon_menu"
                  android:layout_centerHorizontal="true"
                  android:layout_marginTop="10dp"
              />
              
                     
             <ImageButton 
                 android:id="@+id/myyouku"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:background="@drawable/icon_myyouku"
                 android:layout_alignParentBottom="true"
                 android:layout_alignParentRight="true"
                 android:layout_marginRight="9dp"
                 android:layout_marginBottom="6dp"
              /> 
              
        </RelativeLayout>
        
         
         <!-- 第三级导航菜单  -->
         <RelativeLayout 
             android:id="@+id/thirdevel"
             android:layout_width="280dp"
             android:layout_height="140dp"
             android:background="@drawable/level3"
             android:layout_alignParentBottom="true"
             android:layout_centerHorizontal="true">
             
             <ImageButton 
                android:id="@+id/chanel1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel1" 
                android:layout_alignParentBottom="true"
                android:layout_marginLeft="12dp"
                android:layout_marginBottom="6dp"
              />
             
              <ImageButton 
                android:id="@+id/chanel2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel2" 
                android:layout_above="@id/chanel1"
                android:layout_marginLeft="30dp"
                android:layout_marginBottom="12dp"
              />
              <ImageButton 
                android:id="@+id/chanel3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel3" 
                android:layout_above="@id/chanel2"
                android:layout_marginLeft="70dp"
                android:layout_marginBottom="12dp"
              />
               <ImageButton 
                android:id="@+id/chanel4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel4" 
                android:layout_above="@id/chanel3"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="12dp"
                
              />
               
                <ImageButton 
                android:id="@+id/chanel5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel5" 
                android:layout_above="@+id/chanel6"
                android:layout_alignParentRight="true"
                android:layout_marginRight="70dp"
                android:layout_marginBottom="12dp"
              />
           
                <ImageButton 
                android:id="@+id/chanel6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel6" 
                android:layout_above="@+id/chanel7"
                android:layout_alignParentRight="true"
                android:layout_marginRight="30dp"
                android:layout_marginBottom="12dp"
              />
           
               <ImageButton 
                android:id="@+id/chanel7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"   
                android:background="@drawable/channel7" 
                android:layout_above="@id/chanel7"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:layout_marginRight="12dp"
                android:layout_marginBottom="6dp"
              />
          
         </RelativeLayout>
        
    
    </RelativeLayout>
    
    然后逻辑代码如下:

    package com.ShaoZhongqi.LessonUi;
    
    import android.os.Bundle;
    import android.util.Log;
    import android.app.Activity;
    import android.view.Menu;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.ImageButton;
    import android.widget.RelativeLayout;
    
    public class MainActivity extends Activity {
    
    	private ImageButton imgbtnsecondmenu;
    	private ImageButton imgbtnhome;
    	
    	//找到布局文件 
    	private RelativeLayout secondlevellayout;
    	private RelativeLayout thirdlevellayout;
    	
    	//控制变量
    	private boolean isShowSecondLevel = true;
    	private boolean isShowThirdLevel = true;
    	
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		Log.d("shao","first haha");
    		
    		//主home按钮  和 二级菜单按钮   
    		imgbtnsecondmenu = (ImageButton) findViewById(R.id.menu);
    		imgbtnhome = (ImageButton)findViewById(R.id.btnhome);
    		
    		//布局视图 
    		secondlevellayout = (RelativeLayout)findViewById(R.id.secondlevel);
    		thirdlevellayout = (RelativeLayout)findViewById(R.id.thirdevel);
    		
    		imgbtnsecondmenu.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View v) {
    				
    				Log.d("shao","first menu1");
    				
    				//二级控制按钮  控制第三层布局文件的显示或者隐藏 
    				if(isShowThirdLevel)
    				{
    					//第三层view显示-->隐藏 
    					MyAnimation.HideView(thirdlevellayout, 500, 0);
    					Log.d("shao","first menu2");
    					
    				}else
    				{
    					
    					//第三层view隐藏---->显示 
    					MyAnimation.ShowView(thirdlevellayout, 500);
    					
    					
    				}
    				
    				isShowThirdLevel = !isShowThirdLevel;
    					
    			}
    		});
    		
    		
    		//主home键控制第二层 和 第三层的显示 
    		imgbtnhome.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View v) {
    				
    				if(isShowSecondLevel)
    				{
    					
    					if(isShowThirdLevel)
    					{
    						
    						//二级和三级菜单都显示  那就隐藏二级和三级菜单  显示---->隐藏   显示-->隐藏 
    						//需要延迟
    						MyAnimation.HideView(thirdlevellayout, 500, 0);
    						MyAnimation.HideView(secondlevellayout, 500, 1000);
    						isShowThirdLevel = !isShowThirdLevel;
    						Log.d("shao","first menu4");
    						
    					}else
    					{
    						//二级显示 三级不显示的情况   二级显示-->隐藏
    						MyAnimation.HideView(secondlevellayout, 500, 0);
    							
    					}
    					
    									
    				}else
    				{
    					
    					//二级隐藏--->显示 
    					MyAnimation.ShowView(secondlevellayout, 500);
    					
    				}
    				
    				isShowSecondLevel = !isShowSecondLevel;
    				
    			}
    		});
    				
    	}
    
    
    	
    	@Override
    	public boolean onCreateOptionsMenu(Menu menu) {
    		// Inflate the menu; this adds items to the action bar if it is present.
    		getMenuInflater().inflate(R.menu.main, menu);
    		return true;
    	}
    
    }
    

    旋转动画MyAnimation.java的代码如下:

    package com.ShaoZhongqi.LessonUi;
    
    import android.view.View;
    import android.view.ViewGroup;
    import android.view.animation.Animation;
    import android.view.animation.Animation.AnimationListener;
    import android.view.animation.RotateAnimation;
    
    public class MyAnimation {
    	
    	//入动画   控制view的显示 
    	public static void   ShowView(ViewGroup group,long duration)
    	{
    		 for(int i = 0 ; i < group.getChildCount();i++)
    		 {
    			  View childview = group.getChildAt(i);
    			  childview.setVisibility(View.VISIBLE);
    			  childview.setLongClickable(true);  //可以点击 
    			  childview.setFocusable(true); //可以获得焦点
    			 
    		 }
    		 
    		 //设置旋转动画 
             RotateAnimation animation = new RotateAnimation(-180 ,0, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
             animation.setFillAfter(true);//停留在动画结束的位置
             animation.setDuration(duration);
    		 group.setAnimation(animation);
    	}
    	
    	public static void HideView(final ViewGroup viewGroup, int duration, int startOffSet)
    	{
    
    		Animation animation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 1.0f);
    		animation.setFillAfter(true);// 停留在 动画运行结束的位置
    		animation.setDuration(duration);// 动画运行时间
    		animation.setStartOffset(startOffSet);// 动画延迟启动时间
    		animation.setAnimationListener(new AnimationListener() {
    
    			@Override
    			public void onAnimationStart(Animation animation) {
    				// TODO Auto-generated method stub
    
    			}
    
    			@Override
    			public void onAnimationRepeat(Animation animation) {
    				// TODO Auto-generated method stub
    
    			}
    
    			@Override
    			public void onAnimationEnd(Animation animation) {
    				// TODO Auto-generated method stub
    				for (int i = 0; i < viewGroup.getChildCount(); i++) {
    					viewGroup.getChildAt(i).setVisibility(View.GONE);
    					viewGroup.getChildAt(i).setClickable(false);// 不可以点击
    					viewGroup.getChildAt(i).setFocusable(false);// 不可以获得焦点
    
    				}
    
    				viewGroup.setVisibility(View.GONE);
    			}
    		});
    
    		viewGroup.startAnimation(animation);
    		
    		
    		
    		
    	}
    	
    	
    	
    	
    
    }
    


    那就ok啦,代码需要自己看看~~~~~






    展开全文
  • vue 多层选择按钮的全选

    千次阅读 2017-06-21 22:43:38
    vue 多层选择按钮的全选

    vue的项目中经常会用到的数组遍历,数组遍历的时候我们需要用到vue中的v-for,写法是v-for="自定义一个名字(这个名字可以任意)  in 你要循环的数组(这个名字必须是你的数组的名字)" 

    说的再多不如一行代码来的实在

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>vue2.0多层全选按钮的实现</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script> 
    <style type="text/css">
    body {
    font-size: 28px;
    color:  red;
    }
    #app {
    font: "微软雅黑";
    font-size: 26px;
    color: lightgreen;
    }
    .er{
    margin-left: 20px;
    }
    </style>
    </head>
    <body>
    <p>vue的多层全选按钮的实现</p>
    <hr />
    <div id="app">
    <div id="" v-for="data in datas">
    <!--遍历父的-->
    <input type="checkbox"  :id="data.listTitle" value="" :checked="isTitleChecked(data)" 
    @change="changeTitleChecked(data,$event)"

    />{{data.listTitle}}

    <div class="er" v-for="item in data.listItem">
    <!--遍历子的-->
    <input
    type="checkbox"
    :value="item"
    v-model="data.selected"
    />
    {{item.name}}
    </div>
    </div>
    <div id="quanxuan">
    <input id="all-checked"
    type="checkbox"
    :checked="isAllChecked()"
    @change="changeAllChecked($event)"
    />
    <span>全选</span>
    </div>
    </div>

    <script type="text/javascript">
    var app = new Vue({
    el: '#app',
    data: {
    datas : [
    {
    //用于判断是否展示子列表
    // isShowListItem : false,
    //用于记录选中了哪些子项
    id: 666,
    selected : [],
    //父标题
    listTitle : "一级标题",
    //子列表
    listItem : [
    {
    id : 1222,
    info:0,
    name : "高一"
    },
    {
    id : 23,
    info:1,
    name : "高二"
    },
    {
    id : 13,
    info:0,
    name : "高三"
    }
    ]
    },
    {
    // isShowListItem : false,
    id: 8888,
    selected : [],
    listTitle : "二级标题",
    listItem : [
    {
    id : 42,
    info:1,
    name : "大一"
    },
    {
    id : 51,
    info:0,
    name : "大二"
    }
    ]
    }
    ]
    },
    methods:{

    /**
    * 当父标题状态变化时的处理方法
    * @param data [当前项的data]
    * @param event [当前项的event]
    */
    changeTitleChecked : function (data,event) {
    if (event.target.checked === true) {
    data.listItem.forEach(function (item) {
    data.selected.indexOf(item) === -1 && data.selected.push(item);
    })
    }else {
    data.selected = [];
    }
    },
    /**
    * 判断父标题选择状态
    * @param data [当前项的data]
    * @returns {boolean}
    */
    isTitleChecked : function (data) {
    var _selected = data.selected;
    var _listItem = data.listItem;
    // 验证selected中是否含有全部的item的id 如果是 证明title要选中
    return _listItem.every(function (item) {
    return _selected.indexOf(item) != -1;
    });
    },

    /**
    * 全选框change事件的回调处理方法
    * @param event 
    */
    changeAllChecked : function (event) {
    if (event.target.checked === true) {
    this.datas.forEach(function (data) {
    data.listItem.forEach(function (item) {
    data.selected.indexOf(item) === -1 && data.selected.push(item);
    })
    })
    }else {
    this.datas.forEach(function (data) {
    data.selected = [];
    })
    }
    },
     
    /**
    * 判断全选框选择状态
    * @returns {boolean}
    */
    isAllChecked : function () {
    return this.datas.every(function (data) {
    return data.selected.length === data.listItem.length;
    });
    }

    }

    })
    </script>
    </body>
    </html>

    我只提供代码理论来源于:http://blog.csdn.net/lixueninggg/article/details/65449690

    这可能是大神与小白的区别吧!     大神 将理论  小白要的时代吗大笑


    展开全文
  • vue2.0多层全选按钮的实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue2.0多层全选按钮的实现</title> <script src=...

    vue2.0多层全选按钮的实现

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>vue2.0多层全选按钮的实现</title>
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
        <style type="text/css">
            body {
                font-size: 28px;
                color: red;
            }
    
            #app {
                font: "微软雅黑";
                font-size: 26px;
                color: lightgreen;
            }
    
            .er {
                margin-left: 20px;
            }
        </style>
    </head>
    
    <body>
        <p>vue的多层全选按钮的实现</p>
        <hr />
        <div id="app">
            <div id="" v-for="data in datas">
                <!--遍历父的-->
                <input type="checkbox" :id="data.listTitle" value="" :checked="isTitleChecked(data)"
                    @change="changeTitleChecked(data,$event)" />{{data.listTitle}}
    
                <div class="er" v-for="item in data.listItem">
                    <!--遍历子的-->
                    <input type="checkbox" :value="item" v-model="data.selected" />
                    {{item.name}}
                </div>
            </div>
            <!-- <div id="quanxuan">
                <input id="all-checked" type="checkbox" :checked="isAllChecked()" @change="changeAllChecked($event)" />
                <span>全选</span>
            </div> -->
        </div>
    
        <script type="text/javascript">
            var app = new Vue({
                el: '#app',
                data: {
                    datas: [
                        {
                            //用于判断是否展示子列表
                            // isShowListItem : false,
                            //用于记录选中了哪些子项
                            id: 666,
                            selected: [],
                            //父标题
                            listTitle: "一级标题",
                            //子列表
                            listItem: [
                                {
                                    id: 1222,
                                    info: 0,
                                    name: "高一"
                                },
                                {
                                    id: 23,
                                    info: 1,
                                    name: "高二"
                                },
                                {
                                    id: 13,
                                    info: 0,
                                    name: "高三"
                                }
                            ]
                        },
                        {
                            // isShowListItem : false,
                            id: 8888,
                            selected: [],
                            listTitle: "二级标题",
                            listItem: [
                                {
                                    id: 42,
                                    info: 1,
                                    name: "大一"
                                },
                                {
                                    id: 51,
                                    info: 0,
                                    name: "大二"
                                }
                            ]
                        }
                    ]
                },
                methods: {
    
                    /**
                    * 当父标题状态变化时的处理方法
                    * @param data [当前项的data]
                    * @param event [当前项的event]
                    */
                    changeTitleChecked: function (data, event) {
                        if (event.target.checked === true) {
                            data.listItem.forEach(function (item) {
                                data.selected.indexOf(item) === -1 && data.selected.push(item);
                            })
                        } else {
                            data.selected = [];
                        }
                    },
                    /**
                    * 判断父标题选择状态
                    * @param data [当前项的data]
                    * @returns {boolean}
                    */
                    isTitleChecked: function (data) {
                        var _selected = data.selected;
                        var _listItem = data.listItem;
                        // 验证selected中是否含有全部的item的id 如果是 证明title要选中
                        return _listItem.every(function (item) {
                            return _selected.indexOf(item) != -1;
                        });
                    },
    
                    /**
                    * 全选框change事件的回调处理方法
                    * @param event 
                    */
                    // changeAllChecked: function (event) {
                    //     if (event.target.checked === true) {
                    //         this.datas.forEach(function (data) {
                    //             data.listItem.forEach(function (item) {
                    //                 data.selected.indexOf(item) === -1 && data.selected.push(item);
                    //             })
                    //         })
                    //     } else {
                    //         this.datas.forEach(function (data) {
                    //             data.selected = [];
                    //         })
                    //     }
                    // },
    
                    /**
                    * 判断全选框选择状态
                    * @returns {boolean}
                    */
                    // isAllChecked: function () {
                    //     return this.datas.every(function (data) {
                    //         return data.selected.length === data.listItem.length;
                    //     });
                    // }
    
                }
    
            })
        </script>
    </body>
    
    </html>
    
    展开全文
  • GDI+多层绘制按钮问题

    2012-07-09 13:40:39
    有个特殊需求, 要求自己画一个图形,这图形时时更新,而窗口上又有按钮。我想到的方法是把这个自绘图在内存中用GDI+绘制,然后整个贴到主窗口中,但这么一来按钮、文字标签会被覆盖,文字标签我解决了,同样用GDI+...
  • 当点击出口按钮时,显示另外一组单选按钮;点击进口按钮时,另外一组单选按钮隐藏 最终效果如下: html部分代码如下: <div class="group_rows"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ...

    当点击出口按钮时,显示另外一组单选按钮(111 222);点击进口按钮时,另外一组单选按钮(111 222)隐藏
    最终效果如下:
    在这里插入图片描述

    1. JS写法

    html部分代码如下:

    <div class="group_rows">
    	<div
          class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padleft padingtop"
        >
          <span class="sidetitle">信息发布</span>
          <!-- 单选按钮的文字和input组合 -->
          <div style="display: inline-block;">
            <input
              type="radio"
              id="tradein"
              value="radioin"
              v-model="pickedradio"
              v-on:click="onClickhide"
            />
            <label for="tradein" class="chexwords" v-on:click="onClickhide">进口</label>
          </div>
          <!-- 单选按钮的文字和input组合 -->
          <div style="padding-left:40px;display: inline-block;">
            <input
              type="radio"
              id="tradeout"
              value="radioout"
              v-model="pickedradio"
              v-on:click="onClickshow"
            />
            <label for="tradeout" class="chexwords" v-on:click="onClickshow">出口</label>
          </div>
          <div style="display:none" class="disradioout">
            <div style="padding-left:40px;display: inline-block;">
              <input
                type="radio"
                id="pickedout"
                value="radios1"
                v-model="pickeds"
              />
              <label for="pickedout" class="chexwords">外港</label>
            </div>
            <div style="padding-left:40px;display: inline-block;">
              <input
                type="radio"
                id="pickedin"
                value="radios2"
                v-model="pickeds"
              />
              <label for="pickedin" class="chexwords">洋山</label>
            </div>
          </div>
        </div>
      </div>
    

    Js部分代码如下:

    data:{
    	pickedradio:"radioin",//默认选中进口
         pickeds:"radios1",//默认选中111
    },
    methods:{
    	//点击出口按钮时显示  111  222
        onClickshow:function(){
          $(".disradioout").show();
        },
        //点击进口按钮时隐藏  111  222
        onClickhide:function(){
          $(".disradioout").hide();
        },
    }
    
    

    2.Vue写法:

    <div
    class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padleft padingtop"
     >
       <span class="sidetitle">信息发布</span>
       <!-- 单选按钮的文字和input组合 -->
       <div style="display: inline-block;">
         <input
           type="radio"
           id="tradein"
           value="radioin"
           v-model="pickedradio"
         />
         <label for="tradein" class="chexwords">进口</label>
       </div>
       <!-- 单选按钮的文字和input组合 -->
       <div style="padding-left:40px;display: inline-block;">
         <input
           type="radio"
           id="tradeout"
           value="radioout"
           v-model="pickedradio"
         />
         <label for="tradeout" class="chexwords">出口</label>
       </div>
       <div v-show="pickedradio=='radioout'" class="disradioout">
         <div style="padding-left:40px;display: inline-block;">
           <input
             type="radio"
             id="pickedout"
             value="radios1"
             v-model="pickeds"
           />
           <label for="pickedout" class="chexwords">外港</label>
         </div>
         <div style="padding-left:40px;display: inline-block;">
           <input
             type="radio"
             id="pickedin"
             value="radios2"
             v-model="pickeds"
           />
           <label for="pickedin" class="chexwords">洋山</label>
         </div>
       </div>
       
     </div>
    

    v-show="" 判断某元素是否显示

    js部分代码如下:

    data:{
    	pickedradio:"radioin",//默认选中进口
        pickeds:"radios1",//默认选中111
    }
    
    展开全文
  • 项目中遇到多层级单选,多选按钮的置灰/隐藏操作。特意写了一个公用组件: //置灰方式 //controllerArr数组添加如下数据: //{ctrlName:"gds_anquanyuanshishi", hidType:1, hidArr:[{hidKey:"其他", hidName...
  • 插件预览模态窗口模式消息对话框模式遮罩模式边角通知窗口模式主要特性基于jQuery、bootstrap2,3进行开发可多层嵌套,并拥有各自独立的上下文灵活的窗口元素定制模态窗口模式可载入服务端页面、远程页面、页面静态...
  • 好看的球型,可以用作背景 第一种 效果图: <view class="sphere"></view> .sphere { position: relative; width: 150px;... box-shadow: inset 26px -37px 38px 42px rgba(5, 142, 144, 0.5)
  • 分布式多层数据库开发(2)

    千次阅读 2007-10-17 10:02:00
    放一个Toolbar加入四个按钮。然后把Standard--àActionList加入进去。 在ActionList上右键,选:Action List Editor 多层数据库中的一个例子在“客户端-2”中。其中写入和退出在Standard Action 内找不到,需要...
  • 前段时间写了一个多层嵌套json数据对象,费了半天劲,记录一下 前端数据类似淘宝多条件搜索,json数据类型为key-value嵌套数组 前端为ajax传值 function searfunc(arr) { //arr为查询按钮之后输出的搜索...
  • js遍历树,多层嵌套for循环,递归

    万次阅读 2019-04-10 16:21:58
    js遍历树,多层嵌套for循环,递归一、目的源数据示例二、如何获得数据多层for循环嵌套遍历树数据递归遍历树数据 一、目的 遍历获取树数据中的部分数据。 源数据示例 menuType=2的数据为按钮按钮可以在一级菜单下也...
  • 根据前台表样已定义好的高级表格,而当前表格的HeaderColumn部份为高级分组,即多层分组列,将我们前所见即所得,点击导出按钮后,直接根据数据的逻辑,自动生成了多层组表的表头部份数据样式。 文件夹中附有源代码...
  • jQuery多层堆叠展示导航菜单代码是一款点击汉堡包按钮,各个子菜单会以卡片的形式堆叠排列在视口中,点击相应的子菜单就会切换到相应的页面上。
  • layui 复杂表头多层表头的表格数据非后台导出excel

    千次阅读 热门讨论 2019-08-28 16:20:38
    如果嫌toolbar里的导出按钮不够美观,layui也友好的提供了自行定义按钮后调用导出页面数据的方法,详见:[官方文档] `遗憾的`是该方法暂时并不支持对多层表头的导出。 而多层复杂表头在很多系统中都有体现,而若不想...
  • 本篇实践一个多层模态窗口,而且是自适应的。 点击页面上的一个按钮,弹出第一层自适应模态窗口。 在第一层模态窗口内包含一个按钮,点击该按钮弹出第二层模态窗口,弹出的第二层模态窗口会挡住第一层模态窗口,即...
  • 多层分布式设计模式

    2010-03-10 12:58:00
    这个功能的设计或多或少能说明,一般情况下,多层的分布式系统应该如何设计。现在我就对这个功能进行描述。 功能描述 GIX4项目中有个审核日志记录功能,它需要以下功能: 需要把客户的所有操作记录下来,以便...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 223
精华内容 89
关键字:

多层按钮