按钮 | 易学教程

segue取得cell中的按钮点击的行号

阅读更多关于 segue取得cell中的按钮点击的行号

cell中点击分为两种方式，点击行跳转到主功能界面，点击cell上的button跳转的编辑界面，那么如何在点击button的时候知道所点击行的行号呢？解决办法是给button绑定tag： // 自定义一个button UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect]; btn.frame = CGRectMake(0, 0, 55, 25); btn.backgroundColor = [UIColor clearColor]; btn.tag = indexPath.row;// 给按钮绑定tag，好知道点击的是哪行 [btn setTitle:@"Edit" forState:UIControlStateNormal]; [btn addTarget:self action:@selector(Edit:) forControlEvents:UIControlEventTouchUpInside]; cell.accessoryView = btn; 在事件方法中传递button： - (IBAction)Edit:(UIButton *)sender { // 执行sugue [self performSegueWithIdentifier:@"deviceList2edit" sender

Bootstrap 3.2.0 源码试读 2014/08/09

阅读更多关于 Bootstrap 3.2.0 源码试读 2014/08/09

第一部分 normalize.css 104至110行 code, /* 编辑代码 */ kbd, /* 键盘输入的文本 */ pre, samp { /* 范例,sample的简写 */ font-family: monospace, monospace; /* 这个地方应该是写错了，第二字体应该是serif */ font-size: 1em; } 设置字体的大小为1em，字体为monospace。 111至119行 button, input, optgroup, /* 选项组，配合select使用。有个label属性用来显示组描述 */ select, textarea { margin: 0; font: inherit; color: inherit; } 设置外边距是0，字体与颜色都继续自父容器。 120至122行 button { overflow: visible; } 按钮上显示的文本即使溢出也照常显示。 123至126行 button, select { text-transform: none; } 按钮与列表的文本的大小写为标准方式。 text-transform 属性控制文本的大小写，可选的值有5个。 1、none与inherit 2、capitalize，每个单词的第一个字母大写 3、uppercase，全是大写 4、lowercase，全是小写

vue.js基础__ methods 选项

阅读更多关于 vue.js基础__ methods 选项

methods 选项主要定义了一个执行函数，以下例子主要讲述了组件的三种方式，包括内部组件，外部组件以及自定义组件的定义及使用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>methods option</title> <script src="../assets/js/vue.js"></script> </head> <body> <h1>methods option</h1> <hr> <div id="app"> {{count}} <p><button @click="add(2)">add</button></p> <p> <btn @click.native="add(2)"></btn> </p> </div> <button onclick="app.add(2)">外部ADD</button> <script> var btn = { template: `<button>组件ADD</button>` } var

jquery 新建元素的事件绑定

阅读更多关于 jquery 新建元素的事件绑定

我想很多人都会向我一样曾经被动态添加元素的事件绑定困惑很久,也就是在页面加载完成后给已有元素绑定了事件，但又新增加的元素上却没有绑定任何事件。 js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。 < table > < tbody > < tr > < td > 这行原来就有 </ td > < td >< button class = " del " > 删除 </ button ></ td > </ tr > < tr > < td > 这行原来就有 </ td > < td >< button class = " del " > 删除 </ button ></ td > </ tr > </ tbody > </ table > 通常，我会这么绑定 jQuery ( function ( $ ) { //已有删除按钮初始化绑定删除事件 $ ( " .del " ) . click ( function () { $ ( this ) . parents ( " tr " ) . remove () ; }) ; }) ; 对于在domready之前就存在的删除按钮，一切都很完美

微信小程序教程笔记2

阅读更多关于微信小程序教程笔记2

微信小程序的视图与渲染组件的基本使用数据的绑定渲染标签模板的使用 first.wxml < include src = " ../templates/head " /> first page < button type = " default " hover-class = " other-button-hover " > default </ button > < button type = " primary " bindtap = " btnClick " > {{btnText}} </ button > < view wx: if = " {{show}} " > {{text}}1 </ view > < view wx: else > {{text}}2 </ view > < text > this is text </ text > < text > {{show}} </ text > < view wx: for = " {{news}} " wx: for-item = " newsitem " wx: for-index = " ix " > recycling content {{ix}}-{{newsitem}} </ view > < import src = " ../templates/rear " /> < template is =

Bootstrap 按钮组

阅读更多关于 Bootstrap 按钮组

按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。您可以通过 Bootstrap 按钮（Button）插件添加可选的 JavaScript 单选框和复选框样式行为。基本的按钮组下面的实例演示了上面表格中讨论到的 class .btn-group 的使用： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的按钮组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class="btn-group"> <button type="button" class="btn btn-default">按钮 1</button> <button type="button" class="btn btn-default">按钮 2</button> <button type="button" class="btn btn-default">按钮 3</button>

Bootstrap 输入框组

阅读更多关于 Bootstrap 输入框组

本章将讲解 Bootstrap 支持的另一个特性，输入框组。输入框组扩展自表单控件。使用输入框组，您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。向 .form-control 添加前缀或后缀元素的步骤如下：把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。把该 <span> 放置在 <input> 元素的前面或者后面。为了保持跨浏览器的兼容性，请避免使用 <select> 元素，因为它们在 WebKit 浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的 class，输入框组是一个孤立的组件。基本的输入框组下面的实例演示了基本的输入框组： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的输入框组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

点击按钮展开列表，再次点击收回列表

阅读更多关于点击按钮展开列表，再次点击收回列表

HTML5

阅读更多关于 HTML5

下面不使用<video>的controls属性，通过创建一个自定义播放器演示如何使用js操作<video>元素。效果图如下：实现功能如下：（1）可以播放，暂停，停止视频。（2）可以改变播放速度（2倍速度加速播放，一半的速度慢速播放，正常速度播放）（3）播放时有进度条，同时还能显示已播放时间。代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title>hangge.com</title> </head> <style> #durationBar{ border:solid 1px #164900; width:100%; margin-bottom:5px; }

GUI之JavaFX

阅读更多关于 GUI之JavaFX

　　一、JavaFX不深究系列，目的只是为了尝试使用GUI的方式来生成桌面应用。　　二、JavaFX是一个强大的图形和多媒体处理工具包集合，它允许开发者来设计、创建、测试、调试和部署富客户端程序，并且和Java一样跨平台。说白了就是利用Java的跨平台关系，做了一个图形处理工具。　　三、详细学习可以参考： http://www.javafxchina.net/main/ 东西很多，不建议深究。　　四、来点基本案例：　　1）HelloWorld import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.StackPane; import javafx.stage.Stage; public class HelloWorld extends Application{ public void start(Stage primaryStage) throws Exception { //按钮绑定事件 Button button = new Button(); button.setText("hello world"); button.setOnAction(event ->

订阅按钮