标签: button

我只是注意到,如果你给一个固定宽度的html按钮,按钮内的文本永远不会被包装.我已经尝试过自动换行,但即使有可用的空间,也可以剪掉这个词.

如何使用像任何tablecell一样的固定宽度换行的html按钮的文本？

<td class="category_column">
  <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;"
  />
</td>

除了添加边框和修改填充之外,css类什么都不做.如果我将word-wrap:break-word添加到此按钮,它将像这样包装:

Roos Sturingen / Sen
sors

如果可以在单词之间切断它,我不希望它在一个单词的中间切割.

谢谢

Twitter Bootstrap的按钮有一个很好的Loading...状态.

问题是它只是显示像这样Loading...传递data-loading-text属性的消息:

<button type="button" class="btn btn-primary start" id="btnStartUploads"
        data-loading-text="@Localization.Uploading">
    <i class="icon-upload icon-large"></i>
    <span>@Localization.StartUpload</span>
</button>

看看Font Awesome,你会看到现在有一​​个动画微调器图标.

我尝试在触发这样的Upload操作时集成该微调器图标:

$("#btnStartUploads").button('loading');
$("#btnStartUploads i").removeAttr('class');
$("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large');

但这根本没有效果,也就是说,我只看到Uploading...按钮上的文字.

按钮处于加载状态时是否可以添加图标？看起来不知何故Bootstrap只是<i class="icon-upload icon-large"></i>在处于加载状态时删除按钮内的图标.

这是一个简单的演示,显示了我上面描述的行为.当你看到它进入加载状态时,图标就会消失.它会在时间间隔后重新出现.

我有一个ListView地方,列表中的每个元素都包含一个TextView和两个不同的按钮.像这样的东西:

ListView
--------------------
[Text]
[Button 1][Button 2]
--------------------
[Text]
[Button 1][Button 2]
--------------------
... (and so on) ...

使用此代码,我可以OnItemClickListener为整个项目创建一个:

listView.setOnItemClickListener(new OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> list, View view, int position, long id) {
        Log.i(TAG, "onListItemClick: " + position);

        }

    }
});

但是,我不希望整个项目是可点击的,而只是每个列表元素的两个按钮.

所以我的问题是,如何使用以下参数为这两个按钮实现onClickListener:

• int button (单击了元素的哪个按钮)
• int position (这是按钮单击发生的列表中的元素)

更新:我找到了一个解决方案,如下面的答案中所述.现在我可以通过触摸屏点击/点击按钮.但是,我无法使用轨迹球手动选择它.它总是选择整个列表项,并从那里直接进入下一个列表项忽略按钮,即使我设置.setFocusable(true)和setClickable(true)按钮getView().

我还将此代码添加到我的自定义列表适配器:

@Override
public boolean  areAllItemsEnabled() {
    return false;           
}

@Override
public boolean isEnabled(int position) {
        return false;
} …

我的表格是这样的:

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>

正如您所看到的,如果输入为空,则按钮被禁用但在包含文本时不会更改回启用状态.我怎样才能使它工作？

我有一个琐碎的问题困扰了我一段时间.我试图谷歌这个,但没有人似乎和我有同样的问题或没有看到它作为一个问题.当我在布局下的activity_my.xml中创建一个按钮时

 <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_1_name"
    android:id="@+id/button2"
    android:layout_marginTop="140dp"
    android:layout_below="@+id/textView"
    android:layout_centerHorizontal="true" />

我得到一个看起来像的按钮

即使我的字符串代码是:

<resources>

<string name="app_name">HelloWorld</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<string name="button_1_name">BuTtOn 1</string>

我知道我肯定在这里缺少一些小东西,但是我如何在按钮文本中使用小写/大写字母？

谢谢!

我有一个HTML表单,我使用几个按钮.问题是无论我点击哪个按钮,即使按钮不是"提交"类型,表单也会被提交.例如:按钮<button>Click to do something</button>,导致表单提交.

e.preventDefault()为这些按钮中的每一个做一个是非常痛苦的.

我使用jQuery和jQuery UI,网站是HTML5.

有没有办法禁用这种自动行为？

我想要一个AlertDialog构建器,它只有一个按钮,表示OK或Done或者其他东西,而不是默认的yes和no.可以使用标准的AlertDialog完成,还是我必须使用其他东西？

在我的Android应用中,我有这样的布局:

<?xml version="1.0" encoding="utf-8" ?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical">

    <fragment
         android:id="@+id/map"
         android:layout_width="match_parent"
         android:layout_height="0dp" 
         android:layout_weight="1" 
         class="com.google.android.gms.maps.SupportMapFragment"/>

    <Button
        android:id="@+id/button_back"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="CloseActivity"
        android:padding="0dp"
        android:text="@+string/back" />

</LinearLayout>

在预览和手机上,它看起来像:

正如你在底部区域的按钮上看到的那样,那里有一些填充物.

我怎样才能摆脱它,让按钮完全填满底部区域？

假设我Button在Python中使用Tkinter进行了以下操作:

import Tkinter as Tk
win = Tk.Toplevel()
frame = Tk.Frame(master=win).grid(row=1, column=1)
button = Tk.Button(master=frame, text='press', command=action)

action当我按下按钮时调用该方法,但是如果我想将一些参数传递给方法action怎么办？

我尝试过以下代码:

button = Tk.Button(master=frame, text='press', command=action(someNumber))

这只是立即调用方法,按下按钮什么都不做.

有没有办法通过"data-toggle"为引导控件分配多个事件.例如,假设我想要一个分配了"工具提示"和"按钮"切换按钮的按钮.
尝试data-toggle ="工具提示按钮",但只有工具提示有效.

编辑:

这很容易"可以解决"

$("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");