在textbox裡面打關鍵字,gridview裡面的關鍵字要Mark起來,找到jquery套件filteringHighlight可以用,但是我是asp.net c# web form,textbox要到後端查詢使用,加上runat='server'的物件,就會失效,我是參考https://www.jqueryscript.net/text/highlight-as-type.html的jquery寫法,但是
不可以有runat='server',我目前使用這個寫法,配合上textbox只能輸入一個英文字或一個數字,不能輸入英文單字或一個字串或2個以上的數字,想跟它寫法一樣做出可輸入一個字串就mark gridview字串的方式?謝謝大家。
给你个示例吧:
js
vectorLayer.getFeatureInfo({
coordinate: clickedCoordinate,
tolerance: 5,
onSuccess: function(data) {
// 得到属性数据
$("#attributesContainer").html(getAttributesHTML(data.attributes));
}
});
然后 getAttributesHTML() 方法将Json属性转为HTML显示在窗口。
2. 绑定 wantoute属性到页面元素
也可以将属性数据先绑定到要素对象上,在弹出窗口时直接获取并显示。
例如:
js
let feature = vectorLayer.getFeatureByCoordinate(clickedCoordinate);
$("#attributesContainer").html(getAttributesHTML(feature.getProperties()));
js
$("#input").on("input", function() {
let keyword = $(this).val();
// 过滤数据源并highlight
grid.setSource(dataSource.filter(item =>
item.name.indexOf(keyword) !== -1
));
highlightRowsContains(grid, keyword);
});
highlightRowsContains() 方法可以根据关键字高亮Grid对应的行。