x-选择框绑定mysql与angular
dx-select-box binding mysql with angular
大家好,
我想将MySQL数据库绑定到DevExtreme的组件dx-select-box。有一些使用AngularJS的方法。然后,我需要对国家、州和城市进行筛选:
选择框:
角:
$scope.selectBoxProvinceOptions = {
dataSource: serviceFilter,
placeholder: 'Select a province',
displayExpr: 'name',
valueExpr: 'state',
bindingOptions: {
value: 'state'
}
};
服务器端app.get('/filter', function (req, res) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Credentials", true);
res.header("Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept");
res.header('Access-Control-Allow-Methods', 'POST, 'n'
GET, PUT, DELETE, OPTIONS');
connection.query(
" SELECT CI.country, CI.state, CI.city " +
" FROM cities CI "
, function (err, rows) {
if (!err) {
console.log("Database is connected... 'n");
console.log('The solution is: ', rows);
} else {
console.log("Error connecting database... 'n");
console.log('Error while performing Query.');
}
res.end(JSON.stringify(rows));
});
});
我可以用这种方式将结果推入选择框吗?
有一个人知道该怎么做。
谢谢你的帮助
DevExtreme是客户端技术,因此您可以轻松地将其与MySQL或其他数据库集成,而无需任何特殊的JavaScript代码。
例如,如果你使用MySQL + PHP,你的后端代码可以像下面这样:
// my-data-service.php
$db = new PDO('mysql:host=localhost;dbname=test','user','password');
$sth = $dbh->prepare("SELECT name, colour FROM fruit");
$sth->execute();
$result = $sth->fetchAll();
echo json_encode($result);
现在,在客户端您可以使用my-data-service.php
url来加载数据:
var dataSource = new DevExpress.data.DataSource("/my-data-service.php");
接下来,将dataSource
实例绑定到dxSelectBox
或其他devextreme-widget。
相关文章:
- Angular JS IE9 Hashbang url rewriting
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 使用angular重定向到html页面
- angular.js没有'无法在PhoneGap中处理视图标记
- 使用jquery将mysql数据获取到新的表行中
- Javascript(Angular)从一个对象数组到第二个数组查找值
- Node.JS, Angular.JS, MySql,Express.JS
- Angular,Laravel 4和MySQL数据库最佳实践
- 使用 Angular/PHP 将 JSON 对象插入 MySQL 表
- 从 mysql 和 angular 中删除数据
- Angular http.get未从mysql-nodejs接收数据
- 如何使用Angular.js、PHP和Mysql实现自动会话超时
- x-选择框绑定mysql与angular
- 使用MySQL,PHP和angular.js在数据库中插入数据数组
- 如何通过使用PHP,Angular.js和MySQL的单个用户提交在多行插入值
- Angular和Laravel -从mysql中获取数据
- 如何使用PHP和Angular JS过滤mySQL中的记录
- 用angular,php和mysql错误插入记录到数据库