标签: datalist

当设置默认值时,如何让浏览器显示所有datalist选项?

我有一个带有datalist的HTML表单,其值使用PHP设置,例如

<input list="values" value="<?php echo $val; ?>">
 <datalist id="values">
  <option value="orange">
  <option value="banana">
 </datalist>
Run Code Online (Sandbox Code Playgroud)

我希望用户看到datalist中的选项,以及PHP的当前值.但是,"自动完成"操作会导致列表中与当前值不匹配(或开始)的值从列表中隐藏,例如if $val='apple'.有什么方法可以避免这种情况,还是浏览器修复了这种行为?

html browser html5 datalist

23
推荐指数
3
解决办法
1万
查看次数

项目模板中的<%#DataBinder.Eval(Container.DataItem,"ColumnName")%>到底是做什么的?

Iam DataList第一次使用.一切正常,我能够在屏幕上看到数据.我在项目模板中使用此代码.

<asp:DataList ID="DataList1" runat="server">
    <FooterTemplate>          
    </FooterTemplate>
    <HeaderTemplate>              
    </HeaderTemplate>
    <ItemTemplate>          
        <%# DataBinder.Eval(Container.DataItem,"AA") %>
        <%# DataBinder.Eval(Container.DataItem,"BB") %>
        <%# DataBinder.Eval(Container.DataItem,"CC") %>
    </ItemTemplate>
</asp:DataList>
Run Code Online (Sandbox Code Playgroud)

这就是DataTable我的约束力

DataTable dt = new DataTable();
dt.Columns.Add("AA");
dt.Columns.Add("BB");
dt.Columns.Add("CC");

dt.Rows.Add("1", "2", "3");
dt.Rows.Add("10", "20", "30");
dt.Rows.Add("100", "200", "300");
dt.Rows.Add("1000", "2000", "3000");

DataList1.DataSource = dt;
DataList1.DataBind();
Run Code Online (Sandbox Code Playgroud)

究竟DataBinder.Eval(Container.DataItem,"ColumnName")做了什么.先感谢您

.net c# asp.net data-binding datalist

15
推荐指数
2
解决办法
6万
查看次数

DataList为空时需要显示消息

我正在使用DataList在我的网页的客户端站点上显示记录.当我的DataList为空时,我需要显示一条消息.Datalist有财产吗?如何显示该消息?

asp.net datalist is-empty

12
推荐指数
2
解决办法
2万
查看次数

在Postback之后,DataList的ASP.NET/DataItem为null

在我的ASP.NET表单中回发(单击一个按钮)后,我的表单的所有DataItem都为null.为什么?即使在回发后,我该怎么做才能检索DataList的内容?

protected void buttonAddRecord_Click(object sender, EventArgs e)
    {
        foreach (DataListItem item in listFields.Items)
        {
            // item.DataItem == null  WTF?
        }
    }

protected void Page_Load(object sender, EventArgs e)
    {
        BindFields();
    }

private void BindFields()
    {
        object setting = MySettings.GetSetting();

        if (!Null.IsNull(setting))
        {
            listFields.DataSource =     
                DataProvider.GetData(int.Parse(setting.ToString()));
            listFields.DataBind();
        }

        listFields.Visible = listFields.Items.Count > 0;
        emptyMessage.Visible = listFields.Items.Count == 0;
    }
Run Code Online (Sandbox Code Playgroud)

asp.net null postback datalist dataitem

10
推荐指数
2
解决办法
1万
查看次数

将两个数据集结果合并为一个

我创建了一个webservice,它返回两个数据集(返回类型)作为结果.是否可以将两个数据集结果合并为一个,以便我可以在一个数据列表中显示它?我尝试使用arraylist但它没有返回任何内容datalist.

GetDepartureFlightsDetails()并且getDepartureFlights()都返回数据集值.

下面是我用来检索Web服务结果的方法.

public ArrayList GetDepartureFlightsDetails(String departurecountry, String arrivalcountry, DateTime departuredate)   
{
    DLSA datalayerTS = new DLSA();
    DLJS datalayerJW = new DLJS();

    ArrayList array = new ArrayList();

    array.Add(datalayerSA.GetDepartureFlightsDetails(departurecountry, arrivalcountry, departuredate));
    array.Add(datalayerJW.getDepartureFlights(departurecountry, arrivalcountry, departuredate));
    return array;
}
Run Code Online (Sandbox Code Playgroud)

c# web-services datalist dataset

10
推荐指数
1
解决办法
3万
查看次数

从asp:DataList中删除table和span标记

DataList使用<table><span>标记呈现,这是我不想要的.

我已经设定RepeatLayout="Flow"但仍然给了我跨度.我已经设定RepeaterDirection="Horizontal"但仍然给我表.

如何在没有所有跨度\表的情况下获得简单的数据列表?

<asp:DataList ID="MyDataList" runat="server" RepeatLayout="Flow" RepeatDirection="Horizontal">
   <ItemTemplate>
     ....
   </ItemTemplate>
</asp:Datalist>
Run Code Online (Sandbox Code Playgroud)

提前致谢!

c# asp.net datalist datalistitem

9
推荐指数
2
解决办法
1万
查看次数

使用datalist分组输入

我用两种方式选择:

  1. 有禁用选项.
  2. 使用optgroup标签.

<select name="curso1" id="curso1">
    <option disabled="" style="font-size:12px; text-align:left; font-family:Arial Black">Group</option>
    <option value="1">Windows 8</option>
    <option value="8">lalalala</option>
</select>
<select>
    <optgroup label="Swedish Cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </optgroup>
    <optgroup label="German Cars">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </optgroup>
</select>
Run Code Online (Sandbox Code Playgroud)

如何在datalist中执行此操作?

如何与datalist组合?

html select datalist

8
推荐指数
1
解决办法
3059
查看次数

在用户控件中的数据列表中触发下拉事件时,动态添加的控件将被删除

我正在开发一个ASP.NET VB.NET Web表单 - 一个预订Web应用程序,其中只有一个aspx页面和其余部分是用户控制页面.

在aspx页面的运行时,用户控件按步骤加载,名称在db中定义,如下面的链接.

ASP.NET自定义用户控件动态添加

在第一步中,第一个用户控件是在page-init中绑定,用于显示.NET datalist控件中的预留可用性详细信息(参见图像).

在此输入图像描述

绑定所有细节以通过data-list的item_databound事件生成运行时控件.

  1. ImageOfRoom(asp.net图像控件) - 点击弹出窗口将打开滚动功能
  2. 名称(直接数据绑定)
  3. 设施(图标) - 从db动态添加.
  4. No. of room as per room type (asp.net dropdown control) - dynamically add from db and on selected index changed, need another dropdown bind in same row and on change of adult dropdown price will vary.
  5. Total price (direct databound)
  6. Book now (button)

在此输入图像描述

Now issue is whenever any event of datalist(click on romm-image or dropdown selected index changed) fired, the dynamic control remove …

vb.net asp.net user-controls datalist dynamic-controls

7
推荐指数
1
解决办法
2202
查看次数

聚合物纸输入html datalist自动完成/建议列表

所以我在聚合物中使用简单的自动完成方法

<paper-input autocomplete="on" name="stuff" list="stuffs"></paper-input>
Run Code Online (Sandbox Code Playgroud)

使用简单的项目列表(尝试选择模板元素来执行此操作)

    <datalist id="stuffs">
        <option value="blah blah"/>
            .
            .
            .
    </datalist>
Run Code Online (Sandbox Code Playgroud)

事情是,我想找出一种方法来访问在打字过程中出现的建议的动态下拉列表.实际上有这种方法吗?

element autocomplete datalist polymer

7
推荐指数
2
解决办法
5975
查看次数

提前输入 VueJS 的完整经验

我希望创建一个输入字段,字段提供有关完成的建议,例如 VScode“Intellisense”(我认为)或dmenu所做的。

我一直在使用 Vue JS 和如下代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
    <label>Lookup German word:
        <input type="text" v-model.trim="word" v-on:keyup="signalChange" v-on:change="signalChange" list="words" autofocus>
    </label>
    <datalist id="words">
        <option v-for="w in words">${w}</option>
    </datalist>
    Query: ${query} Results: ${words.length} Time taken: ${fetchtime} ms
</div>

<script>
    const app = new Vue({
        el:'#app',
        delimiters: ['${', '}'],
        data() {
            return {
                listId:'words',
                word:'',
                query:'',
                words:[],
                fetchtime: 0
            }
        },
        methods: {
            async signalChange(){
                console.log(this.word)
                if (this.word.length > 2 && this.word.slice(0,3).toLowerCase() != this.query) {
                    this.query …
Run Code Online (Sandbox Code Playgroud)

html autocomplete datalist vue.js

7
推荐指数
1
解决办法
355
查看次数