- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我很难让 JQueryMobile 过滤器功能在我正在使用的脚本上运行。
我创建了一个简单的 xmlhttp 请求来从包含 175 个条目和 4 列的 XML 文件中收集数据。输出没问题。现在我不想在这个表中进行过滤。但是当连接时它没有任何效果。
感谢任何帮助
<script type="text/javascript">
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","Issue.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write('<table border="1" cellspacing="1" cellpadding="5">')
var Asset = xmlDoc.getElementsByTagName("Attribute");
for (x = 0; x <= Asset.length; x++) //Asset.length
{
document.write("<tr>");
document.write("<td>" + xmlDoc.getElementsByName("Number")[x].childNodes[0].nodeValue) + "</td>";
document.write("<td>" + xmlDoc.getElementsByName("Name")[x].childNodes[0].nodeValue) + "</td>";
document.write("<td>" + xmlDoc.getElementsByName("Address")[x].childNodes[0].nodeValue) + "</td>";
document.write("<td>" + xmlDoc.getElementsByName("Phone")[x].childNodes[0].nodeValue) + "</td>";
document.write("</tr>");
}
document.write("</table>");
</script>
XML:
<?xml version="1.0" encoding="UTF-8"?>
<Assets pageSize="2222222" pageStart="0" total="175">
<Asset href="www.home1.com">
<Attribute name="Number">123123123</Attribute>
<Attribute name="Name">asdqweqweqwe</Attribute>
<Attribute name="Address">dsffdfsdfdasfsda</Attribute>
<Attribute name="Phone">123123123</Attribute>
</Asset>
<Asset href="www.home2.com">
<Attribute name="Number">4344433</Attribute>
<Attribute name="Name">ssssss</Attribute>
<Attribute name="Address">ddddd</Attribute>
<Attribute name="Phone">6666666</Attribute>
</Asset>
</Asset>
工作表标题:
document.write('<table data-role="table" data-filter="true" data-input="#filterTable-input" id="thetable" class="ui-responsive table-stroke">');
document.write('<thead><tr><th>Number</th><th>Name</th><th>Custom</th><th>Owner</th></tr></thead>');
document.write('<tbody>');
最佳答案
创建表后,您不会初始化 jQuery Mobile 小部件(表和可过滤)。以下是如何执行此操作的示例。
给定一个带有过滤器输入和表的空容器的 jQM 页面:
<div data-role="page" id="page1">
<div data-role="header" data-position="fixed">
<h1>My page</h1>
</div>
<div role="main" class="ui-content">
<form>
<input id="filterTable-input" data-type="search" />
</form>
<div id="tableContainer">
</div>
</div>
</div>
您的脚本将使用 data-filter="true"
和 data-input="#filterTable-input"
创建表,继续创建 THEAD 和TBODY 部分并使用 XML 填充行。将创建的表附加到空容器后,使用 .table()
和 .filterable()
初始化表和可过滤小部件:
$(document).on("pagecreate", "#page1", function(){
var thetable = '<table data-role="table" data-filter="true" data-input="#filterTable-input" id="thetable" class="ui-responsive table-stroke">';
thetable += '<thead><tr><th>Number</th><th>Name</th><th>Address</th><th>Address</th></tr></thead>';
thetable += '<tbody>';
for (x = 0; x <= 175; x++) {
thetable += '<tr>';
thetable += '<td>' + x + 'a</td>'
thetable += '<td>' + x + 'b</td>'
thetable += '<td>' + x + 'c</td>'
thetable += '<td>' + x + 'd</td>'
thetable += '</tr>';
}
thetable += '</tbody>';
thetable += '</table>';
$("#tableContainer").empty().append(thetable);
$("#thetable").table().filterable( );
});
Here is a DEMO
关于javascript - JQueryMobile 过滤 XMLhttprequest,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22670833/
我正在构建一个小型移动应用程序,我有一个关于 JQM 的问题。 当用户登录时,用户将被重定向到页面 A。页面 A 通过 JQM 的 loadPage 进行加载(示例:$.mobile.loadPage
我正在尝试在 MVC 中创建一个 移动网站,我是 jquerymobile 的新手,我从 JQM 教程中复制了以下代码并将其粘贴到 MVC 中的 View 中 Home
我正在使用 jquerymobile 为网络应用程序创建一个 radio 组。在某一时刻,用户必须在“男性”和“女性”之间进行选择。我有点击(触摸)性别和未点击性别的图像。我想用具有两种状态的两个图像
我正在尝试构建一个虚拟页面来理解 Jquerymobile,但我无法在以下链接上实现“菜单”[单击页面上的菜单按钮]: http://jquerymobile.com/branches/popup-w
我尝试使用 jquery mobile 进行自动完成输入。 ' 所以我在这里找到了一个演示: http://demos.jquerymobile.com/1.4.0/listview-autocomp
var dw=function(string){ document.write(string+"-Hello"); } dw("Hi") //Hi-Hello 这很好用。但是当我将此 header
我想使用 jQuery 在发生某些事件时删除输入字段: $('#myInputId').remove(); 但是如果我尝试一下,周围的 div(由 jQueryMobile 自动添加)不会被删除。所以
在我的 jquery 移动应用程序中,我想在打开弹出窗口后自动将焦点设置在输入字段上。输入字段位于弹出窗口中,如下所示。焦点在开始时设置正确,但在弹出窗口完全降低后丢失。 open
我有一个包含五个单元格的 jQuery Mobile 网格系统。我想让这些单元格的内容与单元格的中间对齐。 我尝试添加: text 但这没有用。 还有: text 没用。 我创建了一个 fiddle检
我有一个多页面的 jQueryMobile 站点,它使用 data-title 属性来更新每个单独页面上的页面标题。这在大多数现代浏览器中都可以正常工作,但它不会反射(reflect)在 Google
如何使用 jQuertMobile 动态创建按钮。 最佳答案 非常简单: 首先创建一个按钮 HTML JQuery 元素: var button = $("My Button"); 接下来,将按钮插入
VERIFY 我使用上面的代码,它是一个带有 onClick() 设置的 jQM 按钮。调用 onclick 并执行 doSomething() 但之后,jQM 显示“错误加载页面”消息。 如何抑制该
我有这样的代码: function getData(){ $.ajax({ url: 'http://pechati.ru/extdata/baseparts/filialsW
我有一个使用 Jquery Mobile 的页面。我尝试过使用简单的 anchor Text text 但调用 Jquery Mobile 时似乎这是不可能的。有谁知道可用的解决方法?我搜索了一段
这是来自 jquerymobile 应用程序的片段。这是一个简单的文件管理器,允许删除文件,我想确认删除。我正在尝试使用 JavaScript confirm 来仔细检查操作是否应该继续;但似乎无论我
我正在开发一个使用 jquerymobile fb 滑动方法的应用程序,不知道它在哪里显示原始内容。然而。我最大的问题是它需要一个链接并尝试通过某种 ajax get 方法动态加载页面。这不是我想要的
我的 Phonegap 和 jQM 应用程序出现问题。其中,一个事件在 Android 设备上触发两次。 为了消除闪烁效果,我将页面过渡设置为“无”。当我单击菜单按钮时,它会导航到第 2 页。此外,该
如何捕获单击 jQueryMobile 中 ListView 组件的过滤器清除按钮的事件? 我尝试过选择器 $('.ui-input-clear'), $('.ui-input-search a'),
我正在努力完成这个任务。 我有两列网格 A B C D
我正在使用JQueryMobile's experiment Datepicker有一段时间它在旧框架中工作了。昨天我将框架更改为最新的框架,发现当我单击外部时,它会破坏日期选择器的布局。 有人遇到过
我是一名优秀的程序员,十分优秀!