有沒有類似HTML Datalist for.Net MAUI的控件？

[英]Is there a control similar to HTML Datalist for .Net MAUI?

我的 MAUI 應用程序需要一個選擇器類型的控件，但選擇列表包含 1000 多個條目。 我不想讓我的用戶滾動瀏覽 1000 個條目來找到他們想要選擇的條目。 其次，每次訪問頁面時都需要從我的 API 獲取大量數據，但我可以解決這個問題。 .Net MAUI 中是否有與 HTML 數據列表等效的東 ...

如何對javascript中的數據進行排序？

[英]How to sort data in javascript?

let div = document.createElement('div'); let ul = document.createElement('ul'); const data = {}; const el = document.getElementById("name"); sortName ...

如何為列表添加排序功能？

[英]How to add sorting ability to list?

let div = document.createElement('div'); let ul = document.createElement('ul'); div.appendChild(ul); async function f() { //fetching and sorting data ...

Angular 如何區分 html 數據列表中具有相同值的元素

[英]Angular how to distinguish elements with the same value in a html datalist

基本上，我的老板強迫我在我們網站的界面中使用數據列表到 select 一個來自所有員工列表的員工，即使不知道用戶是否使用鍵盤輸入他想要的任何內容，或者他實際上是從列表中選擇的. 麻煩的是列表必須只顯示全名，一旦提交表單我需要員工的id而不是他該死的名字，我可以使用那個人的名字來找到他的id，但是如果 ...

動態數據列表選項不顯示

[英]Dynamic datalist option no showing

我正在嘗試使用 ajax 服務器請求在一列中動態填充數據表數據。 從 Php 從動態數據列表中，我能夠發送另一個 ajax 服務器請求並成功填充數據列表選項。 Javascript 控制台日志確認 ajax 數據並填充數據列表選項。 但是，datalist 彈出窗口未顯示選項動態數據 ...

如何為 html 數據列表選項添加邊距或填充底部？

[英]How to add margin or padding bottom to html datalist option?

我有一個 html 代碼： <div class="oas-wrapper"> <div> <form> <input type="text" id="scales" name="example" placeholder="###" list="exam ...

你如何使用<datalist>與國際水文計划？</datalist>

[英]How do you use <datalist> with IHP?

是否有一些內置方法可以在 IHP 中使用簡單的&lt;datalist&gt;完成 HTML 文本字段？ 例如在https://stackoverflow.com/a/19779010/69663 ...

輸入模糊時Datalist不會消失

[英]Datalist doesn't disappear when input is blurred

我有一個數據列表的輸入。 部分行為涉及輸入在某些條件下被模糊。 但是，當我調用blur()時，數據列表並沒有像我預期的那樣遠離 go，更糟糕的是，單擊屏幕上的其他位置也不會導致它遠離 go； 我被迫要么點擊屏幕上的不同輸入（不僅僅是任何其他元素），要么點擊返回該輸入，然后點擊離開以將其移至 go。 ...

如何使用 html datalist 使輸入框顯示與用戶輸入開頭匹配的選項？

[英]How to make input box show the options that match with the beginning of the user's input using html datalist?

我是 React 的新手，想為文本輸入框實現一個自動完成建議框，它只匹配可用選項的第一個字母，而不僅僅是 HTML &lt;datalist&gt;的當前行為的任何 ZE83AED3DDF4667DEC0DAAAACB2BB3BE0BZ 。 我在 jQuery 中找到了很好的答案，完全實現了我需要 ...

從 jquery 的數據列表中僅獲取一個具有 2 個相同文本的值

[英]Getting just one value with 2 same text from datalist in jquery

我正在嘗試僅獲取具有一個值的行，但我得到了具有相同文本（）的 2 個值或更多值，因為要求與文本（）有關。 編輯代碼： https://codepen.io/Dragonbl4ck/pen/BarOdvQ $(document).on('change', '#dataListOption', fun ...

如何使具有默認值的啟用數據列表的 HTML INPUT 在單擊時仍顯示替代項？

[英]How to make a datalist-enabled HTML INPUT with a default value still show alternatives when clicked?

在今天了解了 HTML 5 中出色的datalist功能后，我將所有舊的凌亂組合input和select噩夢轉換為啟用datalist的輸入。 除了一個“小”細節外，效果很好： 每當我的datalist -enhanced input具有默認值時，例如... value="USD" ，它似乎完全隱 ...

Symfony 創建一個 HTML5 Datalist 表單元素

[英]Symfony creating an HTML5 Datalist form element

我一直在嘗試按照此線程在我的 Symfony 應用程序中創建一個 DataList。 但是，從未加載自定義模板，當我嘗試在列表中搜索字符串時，我只是得到一個文本字段並且沒有任何響應。 下面是我修改的上面鏈接線程的代碼： 我的src/Form/DataListType class： 模板\表單\數據列 ...

如何使數據列表與輸入寬度相同 html

[英]How to make datalist the same width as input html

您好我想知道如何給數據列表和相應的輸入相同的寬度。 我嘗試了以下內容： input { width: 100%; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; } datalist,optio ...

在數據列表的選項中添加加載微調器（角度

[英]add a loading spinner inside the options of a datalist (angular

.ts 文件： 正如標題所說，我想添加一個加載微調器，直到用戶從 api 獲取信息。 我考慮過使用 angular 材料，但由於某種原因，整個庫不適用於我擁有的依賴項 ...

從列表中選擇一個項目后，是否可以捕獲與數據列表項目關聯的鍵？

[英]Is it possible to capture the key associated with a datalist item upon selecting an item from the list?

我有下面的代碼來填充帶有數據列表項的搜索框。 數據列表項的鍵設置為 u.userID，顯示設置為 u.name。 選擇一個項目后，我可以獲得顯示的 u.name。 如何獲取與項目關聯的基礎密鑰？&lt;div class="form-group"&gt; &lt;div class="in ...

如何使用 Angular 中的 Datalist Dropdown 預選值？

[英]How to Preselect value using Datalist Dropdown in Angular?

我有一個可編輯的下拉列表，我需要從模板中自動填充其默認值。 默認值取自“this.Model.Application.environment”，其值為“dev”。 下面的代碼給了我一個可編輯的下拉列表，但我需要從模板中預先選擇值。 [(ngModel)]="this.Model.Applicat ...

如何在 html 中彈出輸入標簽的數據列表選項

[英]how to pop up datalist options for input tag in html

我目前正在嘗試將 html 中的輸入文本字段添加到我的數據列表中。 我這樣做的方法是從后端檢索文本並在 datalist 中動態生成選項，但是，在我在前端檢索所有文本並為 datalist 生成選項之后，只有一個選項顯示而不是全部。 這是我向數據列表添加選項的方式： 這是我的 html： ...

帶有自由文本錯誤的數據列表“選擇一個有效的選擇。該選擇不是可用的選擇之一。”

[英]Datalist with free text error "Select a valid choice. That choice is not one of the available choices."

賞金將在 3 天后到期。 此問題的答案有資格獲得+50聲望賞金。 尼克想引起更多關注這個問題。 我正在使用脆 forms 構建一個創建食譜表單，我正在嘗試使用數據列表輸入字段讓用戶輸入他們自己的成分，例如來自 GlobalIngredients 的“大番茄”或 select 已經在數據庫中，例如“ ...

Onchange 錯誤：未定義（設置“值”）

[英]Onchange Error: undefined (setting 'value')

我正在尋求幫助，我遇到了一個問題，因為我在控制台上收到此錯誤“Uncaught TypeError: Cannot set properties of undefined (setting 'value')”。 我不能使用 document.getElementByID 因為我的 ID 會改變，它 ...

數據列表中的 Optgroups

[英]Optgroups in a datalist

我正在嘗試創建一個輸入框，其中可用的答案列在下面的列表中。 我可以這樣做，但我無法對 optgroups 中的可用 anwsers 進行排序。 當代碼運行時，列出的 anwsers 沒有 optgroups。 是否可以在數據列表中使用 optgroup，或者 optgroup 是 select 元 ...