精华内容
下载资源
问答
  • 有人会问:既然要取消选中为什么不用checkbox呢? 举个栗子,比如选中性别时,用户可以选男或者女(二选一),然后也可以取消选中(二者都不选) 这时这个demo就派上用场了 <!-- 如果直接@click会触发两次 ...

    有人会问:既然要取消选中为什么不用checkbox呢?

    举个栗子,比如选中性别时,用户可以选男或者女(二选一),然后也可以取消选中(二者都不选)

    这时这个demo就派上用场了

     <!-- 
      如果直接@click会触发两次 默认有change事件
      @click.native.prevent 加上这个阻止默认事件
     -->
    
        <el-radio-group v-model="area">                    
           <el-radio @click.native.prevent="clickitem(item.AreaName)"  :label="item.AreaName"  v-for="(item,index) in areaItem" :key="index">{{item.AreaName}}</el-radio>
        </el-radio-group>
    
    <script>
      export default {
        data () {
          return {
            area: '',
            areaItem:[
              {AreaName: "东北", ID: 1},
              {AreaName: "华南", ID: 2},
              {AreaName: "西北", ID: 3}
            ]
          };
        },
     methods:{
      clickitem(e){
         if(e===area){
             this.area = ''    //如果点击的对象是area就将v-model的值清空 radio状态为空
          }else{
            this.area = e   //否则就把点击的值赋值给area 即绑定的radio
        }
      }
     }
    }
    </script>

     

    展开全文
  • Android使用addView动态添加组件

    万次阅读 多人点赞 2016-05-08 22:51:36
    在项目开发中,我们经常需要进行动态添加组件,其中可添加的部分有两项:布局和组件  其中,添加的布局主要有RelativeLayout型(相对布局)的和LinearLayout(线性布局)  添加的组件主要有文本显示框,编辑框,...

     在项目开发中,我们经常需要进行动态添加组件,其中可添加的部分有两项:布局和组件

     其中:

                添加的布局主要有RelativeLayout型(相对布局)的和LinearLayout(线性布局)

                添加的组件主要有文本显示框,编辑框,按钮等组件。

    首先我们创建一个新的项目,删除MainActivity.class中没有用的代码,仅留下protected void onCreate(Bundle savedInstanceState)函数

    往布局文件中添加一个新的组件:

     1. addView方法简介

           在Android中,addView(ViewGroup view, index)在指定的index处添加一个view。addView是继承viewGroup的方法,

    void android.view.ViewGroup.addView(View child);
    void android.view.ViewGroup.addView(View child, LayoutParams params);
    void android.view.ViewGroup.addView(View child,int index, LayoutParams params);

           其中需要注意的是 index ,在linearlayout中使用addView的时候,如果linearlayout方向是vertical 垂直, index代表添加的child的view在linearlayout的行数,index是0,表示添加的child在linearlayout顶部,-1为底部,可以利用排版View的 addView 函数,将动态产生的View 组件加入到排版View 中。

    2、示例:

          (1)首先我们往布局文件中添加一个组件,比如一个文本,两个按钮,此时我们需要在布局文件中添加一个布局项<LinearLayout>,定义其id为linearlay_1,用于在添加组件时识别,布局文件代码如下所示:

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="动态添加组件示例" 
            android:id="@+id/textview"/>
        <LinearLayout 
            android:layout_below="@+id/textview"
            android:id="@+id/linearlay_1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:orientation="vertical"
            ></LinearLayout>
       然后我们在Activity类里边进行添加组件,代码如下所示:

       /**  

          * 代码中,布局的位置,是垂直顺序排列的因为界面代码Linerlayout的orientation设置的是
          * vertical的,但是为了美观,需要设置添加的View的位置和样式。在添加View的时候分
          * 为两类来介绍,一种是布局(例如:Linearlayout和RelativeLayout等,对于RelativeLayout属于相对布局)

          *注意,对于LinearLayout布局来说,设置横向还是纵向是必须的!否则就看不到效果了。

      */

    public class MainActivity extends Activity {
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		
    		//绑定activity_main布局文件中的布局项,其中R.id.lenearlay_1为布局文件中设置的id
    		LinearLayout linear=(LinearLayout) findViewById(R.id.linearlay_1);
    		//添加文本,this代表当前项目
    		TextView tv=new TextView(this);
    		tv.setText("示例文本框");
    		tv.setId(1);//设置ID,可有可无,也可以在R文件中添加字符串,然后在这里使用引用的方式使用
    		linear.addView(tv);
    		
    	     // 将Button 加入到LinearLayout 中
    	      Button b1 = new Button(this);
    	      b1.setText("取消");
    	      linear.addView(b1);
    	 
    	      // 将Button 2 加入到LinearLayout 中
    	      Button b2 = new Button(this);
    	      b2.setText("确定");
    	      linear. addView ( b2 );
    	 
    	      // 从LinearLayout 中移除Button 1
    	     // linear. removeView ( b1 );
    
    	       
    	}
    
    }

    效果如下图所示:


    图 1 动态添加组件-LinearLayout

     

           (2) 动态添加布局:

    /* 下面的例子将介绍如何动态添加布局,基本内容和上面的代码一致,主要注重如何控制添加的布局的位置
    * 在控制布局的位置的时候使用LayoutParam类来实现。
     * 注意:控制位置和样式的时候,布局和控件使用的方法是一样的。
    */这次只是在MainActivity中进行操作,不涉及布局文件(.xml),其代码如下所示:

    public class MainActivity extends Activity {
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    	      //
    	      //创建一个相对布局relative
    		RelativeLayout relative = new RelativeLayout(this);
    		relative.setBackgroundColor(Color.YELLOW);
    		// 将Button1 加入到RelativeLayout 中
    	      Button btn_r1 = new Button(this);
    	      btn_r1.setText("取消");//设置显示的字符
    	      btn_r1.setId(24);
    	      relative.addView(btn_r1);
    	      
    	      // 将Button2 加入到RelativeLayout 中
    	      Button btn_r2 = new Button(this);
    	      btn_r2.setText("确定");//设置显示的字符	    
    	      btn_r2.setId(25);
    	      relative.addView(btn_r2); 
    	                                                                                                                                                                  // 设置RelativeLayout布局的宽高 
    	        RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
    	        lp.addRule(RelativeLayout.ALIGN_PARENT_LEFT, RelativeLayout.TRUE); 
    	        lp.addRule(RelativeLayout.ALIGN_PARENT_TOP, RelativeLayout.TRUE); 
    	        btn_r1.setLayoutParams(lp);   设置按钮的布局属性 
    	        lp=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
    	        lp.addRule(RelativeLayout.RIGHT_OF, btn_r1.getId()); 
    	        btn_r2.setLayoutParams(lp);   设置按钮的布局属性 
    	        setContentView(relative);
    	}
    
    }
    

    效果如下所示:


    图 2 动态添加布局-RelativeLayout

    学会了上面的介绍,你就可以很轻松的布局界面,无论是按钮还是其他组件,对于布局,你也可以很方便的进行布局使用,以上就是在安卓中如何动态添加组件的方法      .


    ..

    展开全文
  • 微信程序picker组件设置默认(单个picker情况) 需求描述:默认显示"请选择",当点击picker后弹出的才是选项内容 看图1和图2: 实现思路描述: 首先data{}中添加一个初始变量,在用户选择这个组件的时候,通过...

    微信小程序picker组件设置默认(单个picker情况)

    需求描述:默认显示"请选择",当点击picker后弹出的才是选项内容

    看图1和图2:
    图1
    图2

    实现思路描述:

    首先data{}中添加一个初始变量,在用户选择这个组件的时候,通过一个三目运算,给picker组件中的value属性赋值,去判断这个变量的值,为null时,就显示请选择;为其他时,显示选项。

    实现方式:

    <!--wxml代码-->
    <picker bindchange="bindYearPickerChange" value="{{yearIndex}}" range="{{yearArr}}">
    	<view>
    		{{seleNull?yearArr[yearIndex]:'请选择年份'}}
    	</view>
    </picker>
    
    //js代码
    page({
    	data: {
    	   seleNull:null,//设置的变量
    	   yearArr: ['2020', '2019', '2018'],//选项的值
    	   yearIndex: 0   //选项的索引
    	},
    	bindYearPickerChange: function(e) {
    	    console.log(this.data.yearArr[e.detail.value])
    	    this.setData({
    		    seleNull:'0',
    		    yearIndex: e.detail.value
    	    })
      	}
    })
    

    本篇文章为个人见解,如果各位大佬有更好的解决方式欢迎评论指出,谢谢~~~~~~~~

    以上是在页面中只有一个picker组件时,默认显示请选择的解决方法,下一篇我会发出在页面中有多个picker组件时,要显示不同的请选择(请选择省份、请选择市、请选择区)的解决方法


    好了,结束了。
    在这里插入图片描述

    展开全文
  • 一、legend 取消点击事件 legend:{ selectedMode:false,//取消图例上的点击事件 ...图例组件用户切换图例开关会触发该事件。 myChart.on('legendselectchanged', function(params) { var option = this....

    一、legend 取消点击事件

    legend: {
      selectedMode:false,//取消图例上的点击事件
      data:['浏览量','访问量']
    }

    二、legend 添加点击事件

    图例组件用户切换图例开关会触发该事件。

    myChart.on('legendselectchanged', function(params) {
        var option = this.getOption();
        var select_key = Object.keys(params.selected);
        var select_value = Object.values(params.selected);
        var n = 0;
        select_value.map(res => {
           if(!res){
               n++;
            }
        });
        if( n == select_value.length){
            option.legend[0].selected[params.name] = true;
        }
        this.setOption(option)
     
    });
    

    (1)echartsInstance.getOption

    获取当前实例中维护的 option 对象,返回的 option 对象中包含了用户多次 setOption 合并得到的配置项和数据,也记录了用户交互的状态。

    (2)echartsInstance.setOption

    设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOption 完成,ECharts 会合并新的参数和数据,然后刷新图表。

    展开全文
  • 尽管小部件仍位于“今日视图”屏幕中,可以通过在主屏幕和锁定屏幕上向右滑动来访问小部件,但现在您也可以将小部件添加到主屏幕。 这些小部件需要专门针对iOS 14或更高版本进行设计,并且其行为与您习惯的小部件...
  • 只需单击浏览器窗口右上角的“选项”并取消选中您不需要的小部件。 哦,对于速度迷(像我们一样),所有数据都将通过瞬态存储和提供。 这样插件就不会影响您的仪表板加载时间! 工具 #1一般 主机名 服务器IP ...
  • 提供给flutter滚动组件小部件可下拉刷新并拉起load.support android和ios。 如果您是中国人,请单击此处() : 特征 拉负载并拉刷新 它几乎适合所有Scroll组件,例如GridView,ListView ... 提供默认指标和属性...
  • PickerView添加确定,取消按钮

    千次阅读 2016-05-03 13:39:59
    PickerView添加确定,取消按钮 txtfield点击出现pickerview 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...
  • macOS小部件使用技巧

    2021-04-02 10:20:10
    现在在最新的macOS Big Sur或更高版本的Mac上可以添加小部件了,虽然小部件在macOS上的普及程度不及在iOS上,但是合理使用也会给我们的生活带来方便,来看看macw编为大家带来的窗口小部件该如何设置吧!...
  • ag-grid表头添加排序与取消排序

    千次阅读 2019-03-06 09:46:05
    1.组件添加 enableSorting 属性 2.控制列不排序,在列定义添加 supressSorting 属性
  • vue中动态添加和删除组件缓存 keep-alive

    千次阅读 热门讨论 2019-10-30 16:09:07
    Vue的抽象组件,自身不会渲染一个DOM元素,也不会出现在父组件链中,能将组件在切换过程中将状态保存在内存中,防止重复渲染DOM;包裹动态组建时,会缓存不活动的组件实例,而不是销毁它们;当组件在 内被切换时,它...
  • Element取消upload组件过渡效果

    千次阅读 2020-03-18 11:02:00
    问题描述: Element upload组件的过渡效果...在全局样式文件下,如 style.css 文件中,添加以下代码即可去除该过渡效果: /*去除upload组件过渡效果*/ .el-upload-list__item { transition: none !important; } ...
  • Android 利用addView 动态给Activity添加View组件

    千次阅读 多人点赞 2015-08-22 02:06:16
    本文主要讲述如何动态给UI界面添加布局和控件,在编程的时候很多时候需要动态显示一些内容,在动态添加View的时候,主要使用addView方法。 1. addView方法简介 在Android 中,可以利用排版View的 addView 函数,...
  • 有时候我们会用到动态添加组件的情况。可以根据人们需要的组件以及组件个数来动态添加。 尝试了多次,在此记录一下,如果有什么不对或者更好的方案,还请大家赐教。 代码如下: import java.awt.BorderLayout; ...
  • Übersicht 的最小天气小部件 什么是新的 该小部件现在使用新的 Geolocation API 来自动查找您的位置。 需要 Übersicht 0.5 或更高版本才能工作。 安装 在index.coffee添加您自己的 forecast.io api 密钥。 你可以...
  • unity 禁用\启用\添加\删除组件的方法 //关闭组件 skills.transform.GetComponent&lt;Rigidbody&gt;().enabled = false; //禁用与变灰 skills[3].GetComponent&lt;Rigidbody&gt;().interactable...
  • DatePickerDialog添加确认和取消按钮

    千次阅读 2014-10-30 15:17:27
     DatePickerDialog picker = new DatePickerDialog(MainActivity.this, DatePickerListener,  iYear, iMonth, iDay);  picker.setCancelable(true);  picker.setCanceledOnTouch
  • 向form中添加组件元素

    千次阅读 2016-03-26 17:20:20
    解:file不能传递到hidden中,可以调用jQuery的append方法,直接把想要追加的元素组件直接搞到form中去,就像这样: var input1 = $("#file"); $( "#responseForm" ).append(input1); <!-- ...
  • 在安装完Qt后,面对不同的需求可能会发现需要一些组件但没有安装,或者有些组件没有太大用处,这时候,我们就可以将组件添加或者移除。具体步骤如下: 打开安装的qt的文件夹,找到MaintenanceTool,双击打开。 ...
  • Ext如何动态添加一行组件

    千次阅读 2011-09-15 20:46:52
    用的column布局,点击一个按钮能添加一行组件,如文本框,有下拉框等。 如: 效果: 实现方法如下: /*! * Ext JS Library 3.4.0 * Copyright(c) 2006-2011 Sencha Inc. * licensi
  • 苦于uni-app官方样例不多,easyui的$.messager.prompt又用得太方便了,uni-app正好缺一个prompt组件。 到网上找到一个给微信程序写的界面copy过来修改一下使用。 原文链接:...
  • 微信程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段。仅供参考和学习。 编写组件: 在根目录下添加“components”目录,然后像添加Page页面一样添加自定义组件"tips" ...
  • 微信程序开发交流qq群 173683895 承接微信程序开发。扫码加微信。...创建一个modal文件夹,里面包含 josn.wxml.wcss.js 四个文件,然后在josn里面添加"component":true (作用是声明这一组文件...
  • IOS之UIPickerView添加确定,取消按钮

    万次阅读 2015-06-03 08:33:13
    UIBarButtonItem *cancelBtn = [[UIBarButtonItem alloc] initWithTitle:@"取消" style:UIBarButtonItemStyleBordered target:self action:@selector(toolBarCanelClick)]; [barItems addObject:cancelBtn]; ...
  • Ant Design表单中添加动态属性并使用select组件案列 如下图所示,这个表单页中的专业可以添加多条,在专业的第一个字段使用的是select组件,还要保证每条的数据不相互影响 代码如下: <template> <div ...
  • 有的时候,我们在某些版本的XP中会发现“添加删除WIndows组件”中没有安装IIS的选项,而我们又迫 切需要安装IIS,这时该怎么办呢?具体方法请接着往下看。 ①开始→运行,输入C:\windows\inf\sysoc.inf(这里假设您...
  • 微信程序之公共组件写法

    千次阅读 2019-02-20 15:32:16
    程序一个公共的弹出组件,首先我们创建一个pop文件 然后在生成的pop.json文件中将component定义为true { "component": true } 为pop.wxml添加内容 &lt;!--pages/common/pop/pop.wxml--&gt; &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 117,333
精华内容 46,933
关键字:

如何取消添加小组件