<MultiBinding StringFormat="{}{0,-5}{1,5}%"> <Binding Path="Name"/><Binding Path="Value" ElementName="Progress"/></MultiBinding>
时间: 2024-06-04 10:07:24 浏览: 143
这是一个 WPF 中的 MultiBinding,用于将多个数据绑定到同一个 UI 元素上。其中,StringFormat 属性指定了格式化字符串,{0} 和 {1} 分别代表第一个和第二个 Binding 的值。{0,-5} 表示第一个 Binding 的值左对齐,并且总长度为 5,不足的地方用空格补齐;{1,5}% 表示第二个 Binding 的值右对齐,并且总长度为 5,同时加上百分号(%)后输出。最后,这个 MultiBinding 会将格式化后的字符串绑定到某个 UI 元素的 Text 属性上。
相关问题
使用cheerio将以下代码转换为json <table><!-- vRepeat: data in queryList --><tbody> <tr> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody></table>
以下是使用cheerio将代码转换为json的方法:
```javascript
const cheerio = require('cheerio');
const html = '<table><!-- vRepeat: data in queryList --><tbody> <tr> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!=\'01\' || data.BusiState!=\'10\'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!=\'04\'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc==\'04\'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc==\'01\'">入账</span> <span v-show="data.FndDrc==\'04\'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc==\'04\'||data.FndDrc==\'01\')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc==\'01\' && data.BusiState==\'10\'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody></table>';
const $ = cheerio.load(html);
const data = [];
$('table tbody tr').each((i, elem) => {
const row = {};
$(elem).find('td').each((j, td) => {
const value = $(td).text().trim();
switch (j) {
case 1:
row['code'] = value;
break;
case 2:
row['date'] = value;
break;
case 3:
row['amount'] = value;
break;
case 4:
row['name'] = value;
break;
case 5:
row['account'] = value;
break;
case 6:
row['status'] = value;
break;
case 7:
row['result'] = value;
break;
default:
break;
}
});
data.push(row);
});
console.log(JSON.stringify(data, null, 2));
```
输出结果为:
```json
[
{
"code": "IR00252300347A",
"date": "2023-05-25",
"amount": "USD32,993.50",
"name": "1/FLOKSER KIMYA SANAYI VE TICARET 1...",
"account": "31980005000107125",
"status": "入账",
"result": "受理成功"
}
]
```
如何将这串代码转为json <tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300338A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300338A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD20,693.00</td> <td class="v-binding">BYGGING INTERCONTINENTAL 12 SHEHAB ...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="1" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List1_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300337A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300337A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD23,543.50</td> <td class="v-binding">DIARITA POLYMERS OFFSHORE LTD UNITE...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody>
这段代码并不是一个有效的 JSON 格式,需要进行一些修改才能转为 JSON。可以将这段代码包装在一个 HTML 文件中,并使用 JavaScript 将其转为 JSON 对象。
以下为示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code to JSON</title>
</head>
<body>
<table>
<tbody id="queryList">
<tr>
<td><input type="checkbox" name="RemitInBox" value="0"></td>
<td><a href="#">IR00252300338A</a></td>
<td>2023-05-23</td>
<td>USD20,693.00</td>
<td>BYGGING INTERCONTINENTAL 12 SHEHAB ...</td>
<td>31980005000107125</td>
<td>入账</td>
<td>受理成功</td>
<td><a href="#">打印</a></td>
</tr>
<tr>
<td><input type="checkbox" name="RemitInBox" value="1"></td>
<td><a href="#">IR00252300337A</a></td>
<td>2023-05-23</td>
<td>USD23,543.50</td>
<td>DIARITA POLYMERS OFFSHORE LTD UNITE...</td>
<td>31980005000107125</td>
<td>入账</td>
<td>受理成功</td>
<td><a href="#">打印</a></td>
</tr>
</tbody>
</table>
<script>
const queryList = [];
const rows = document.querySelectorAll('#queryList tr');
rows.forEach(row => {
const cells = row.querySelectorAll('td');
const data = {
RemitInBox: cells[0].querySelector('input').checked,
IRNumber: cells[1].querySelector('a').innerText,
Date: cells[2].innerText,
Amount: cells[3].innerText,
Description: cells[4].innerText,
AccountNumber: cells[5].innerText,
Status: cells[6].innerText,
Result: cells[7].innerText,
PrintLink: cells[8].querySelector('a').href
};
queryList.push(data);
});
console.log(JSON.stringify(queryList));
</script>
</body>
</html>
```
在这段代码中,我们使用了 `querySelector` 方法来获取每个单元格的内容,并将其转为一个 JavaScript 对象。最后,我们使用 `JSON.stringify` 方法将整个数据转为 JSON 格式,并将其输出到控制台。
阅读全文