标签: dropdownbox

我的理解是Materialise不支持样式化的多选框 - 您必须指定浏览器默认值而不使用Materialize样式.(如我错了请纠正我)

因此,我尝试使用下拉列表中的复选框与Materialize下拉列表等效,如下所示:

<a class='dropdown-button btn-flat' href='#' data-activates='topics_dropdown' data-hover="true">
Relates to topics...</a>
<ul id='topics_dropdown' class='dropdown-content'>
    <li>
      <input type="checkbox" name="report[topics][409928004]" id="report_topics_409928004" value="1" />
      <label for="report_topics_409928004">Engagement</label>
    </li>
    <li>
      <input type="checkbox" name="report[topics][669658064]" id="report_topics_669658064" value="1" />
      <label for="report_topics_669658064">Appraisal</label>
    </li>

    <!-- etc. -->

</ul>

但是如何渲染它会有一个小问题.文本和框向下偏移半行,因此突出显示悬停效果会突出显示一个与两个不同选项重叠的矩形.有没有办法纠正这个故障？

这是一个截图.它与上面的示例代码不同,但它是相同的dropdown-checkbox结构.

我在asp.net环境中有3个下拉框(组合框).它们都是可选的,所以如果用户选择了任何东西,我正在更新数据库,如果根本没有选择任何东西,我仍在使用空值更新数据库.

我试着这样做:

 int? CountryId = Convert.ToInt32(ddCountries.SelectedItem.Value);

我希望如果没有选择null,将在CountryId中插入null,而是抛出异常.

我试图搜索ddCountries.isSelected(或类似的东西),但它显然不存在..

那么如何确定是否在下拉框中进行了选择？ - 通过c#代码.

非常感谢

ps:我有一个想法 - 我把每个下拉框放在一个try ... catch块中,如果出现异常,手动将变量设置为null ...但我不确定这是最好的方法!

我有样可变宽度一个输入字段small,large,medium.我有CSS样式.

例:

case 1: <input type="text" id="a1" class="title small required" />
case 2: <input type="text" id="a1" class="title medium" />
case 3: <input type="text" id="a1" class="title large required" />

同时我有一个select盒子:

<select id="b1">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
</select>

我现在要求的是检查input字段是否具有类small或者medium或者large 将相关select框设置为selected.在jQuery中,我直接将所选值设置为medium,但仍然显示下拉列表small.

如何input使用该hasClass()函数检查字段是否包含任何这些类？我们能一次检查这个吗？

在开发一个简单的 Windows 窗体 UI 应用程序时，我试图创建一个效果来显示和关闭鼠标事件的下拉列表。

就像我可以打开的下拉MouseMove通过设置事件comboBox.DroppedDown = true; 然而，当我设置此相同的是不工作comboBox.DroppedDown = false;的MouseLeave情况下将其关闭。

不知道这里到底需要做什么。问题在于MouseLeave下拉列表不会失去焦点，因此除非您从列表中选择一项，否则它不会关闭。它等待用户从列表中选择一个项目。如果它可以失去焦点MouseLeave，就会起作用。请提出任何建议。

我有这个问题,希望得到一些如何解决它的建议.

我已将我的html页面的一部分移动到局部视图并通过ng-view加载它现在的问题是下拉选择不再起作用了,我设法恢复了样式但是当我点击它时,它不开放.当它不在局部视图中时,我甚至不需要进行现在似乎需要的javascript调用.

这是我的代码

index.html
 <link href="resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="resources/css/bootstrap-select.css" rel="stylesheet">
    <!-- Bootstrap Core CSS -->

    <script src="resources/js/jquery-2.1.1.min.js"></script>
    <script src="resources/js/jquery-1.11.0.js"></script>

    <script src="resources/js/bootstrap-select.js"></script>

    <script src="resources/library/angular.js"></script>
    <script src="resources/library/angular-route.js"></script>
    <script src="resources/js/MainController.js"></script>
    <script src="resources/js/main-app.js"></script>

    partialview.html
    -------------------
     <select class="selectpicker" multiple ng-model="selE">
                    <option ng-repeat="e in ee">{{e}}</option>
                </select>

    <script>
    $(document).ready(function () {

        $('select').selectpicker({
            style: 'btn-default',
            size: false
        });

    });

</script>   

先感谢您.

我正在尝试在MVC中实现文件上传.我有以下代码可行.

@using (Html.BeginForm("ActioName", "ControllerName", FormMethod.Post, new { enctype = "multipart/form-data" }))
{         
       <div>
            <input type="file" name="file" />
            <input type="submit" value="OK" class="button" />
        </div>       
}

      [HttpPost]
      public ActionResult UploadFile(HttpPostedFileBase file)
       {
        // Verify that the user selected a file
        if (file != null && file.ContentLength > 0)
        {
        //do something here...
        }
      }

现在我想添加一个下拉框(选择文件类型)并将该值与文件一起发送到Controller.我该怎么做(将其他表单数据与文件一起发送)？

我正在开发一个下拉框但是唯一想要工作的是当我将鼠标悬停在无序列表中的单词Info上时,不会显示下拉框.

我知道我有display:none;,ul style但你可以改变它,display:block;当盘旋在单词信息？

HTML代码:

<ul id="Menu">
     <li><a href="Index.html">Home </a></li>
     <li><a href="Info.html">Info </a>
          <ul style="display:none;">
             <li><a href="Index.html">Program</a></li>
             <li><a href="Index.html">Getting Started</a><li>
             <li><a href="Index.html">Credits</a></li>
         </ul>
     </li>
     <li><a href="Community.html">Video </a></li>
     <li><a href="Store.html">server </a></li>
     <li><a href="Profile.html">Profile </a></li>
     <li><a href="Help">Help</a></li>
</ul>

CSS代码:

#Menu {
list-style:none;
font-size:16px;
font-weight:Bold;
padding:14px 0 0;
width:415px;
margin-top:0;
float:left;
margin-left:0;
}

#menu { list-style:none;}
li:hover > ul {display:list-item;}
li ul { margin:0; padding:0; position:absolute;z-index:5;padding-top:6px;}
li { float:left; margin-left:10px; }
li ul li { float:none; margin:0; display:inline;} …

我创建了一个带有多个选择的angularjs应用程序,我有上下按钮,当我点击上下按钮时,应该在多个选择内完成相应的项目移动,我有一个已经完成的示例内容正常的javascript正确地执行类似的事情,就像在这个小提琴中所示,但当我试图在AngularJS中实现相同的东西时,它无法正常工作

任何人都可以告诉我一些解决方案

我的代码如下所示

的jsfiddle

HTML

<div ng-app='myApp' ng-controller="ArrayController">
    <select id="select" size="9" ng-model="persons" ng-options="item as item.name for item in peoples | orderBy:'name'" multiple></select>
    <br/>
    <button ng-click="moveUp()">Up</button>
    <br/>
    <button ng-click="moveDown()">Down</button>
    <br/>
</div>

脚本

var app = angular.module('myApp', []);
app.controller('ArrayController', function ($scope) {
    $scope.peoples = [{
        name: 'Jacob'
    }, {
        name: 'Sunny'
    }, {
        name: 'Lenu'
    }, {
        name: 'Mathew'
    }, {
        name: 'Ferix'
    }, {
        name: 'Kitex'
    }];

    $scope.moveUp = function () {
        var select = document.getElementById("select");
        var i1=0, i2=1; …

我想创建一个如下图所示的下拉菜单，通过触摸和拖动和触摸外部来打开它。

拖动前

拖动后

Scaffold(
  appBar: AppBar(
    automaticallyImplyLeading: false
  ),
  body: Stack(
    children: <Widget>[
      Container(
        height: 200,
        decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.vertical(bottom: Radius.circular(20))
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Align(
              alignment: Alignment.bottomCenter,
              child: Column(
                children: <Widget>[
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 40),
                    child: Divider(
                      color: Colors.blueGrey[500],
                      height: 10,
                      indent: 5,
                    ),
                  ),
                  Icon(FontAwesomeIcons.angleDoubleDown,size: 15,color: Colors.blueGrey[500],)
                ],
              ),
            )
          ],
        ),
      ),
      Center(child: Text('List View'),)
    ],
  )
)

我想更改高度，但遇到溢出错误！制作此小部件的最佳方法是什么？我可以在 AppBar 中执行此操作吗？

我试图从 Web 窗体应用程序背后的代码中设置 SelectedIndexChanged。我有可变数量的下拉列表从数据库添加到页面上，并且需要一种方法在每次下拉列表更改时触发。

我目前正在尝试：

ddlProductCause.SelectedIndexChanged += new EventHandler(ddlProductCause_Changed);
ddlProductCause.ID = "ddlProductCause_" + row["item_id"].ToString();
ddlProductCause.AutoPostBack = true;

和...

public void ddlProductCause_Changed(object sender, CommandEventArgs e)
    {
        // do stuff
    }

但我没有运气。

有任何想法吗？