我有一个具有以下字段和关联的商家实体:-
/**
* @ORM\ManyToMany(targetEntity="Category", inversedBy="merchants")
*/
public $categories;
/**
* @ORM\ManyToMany(targetEntity="Tag", inversedBy="merchants")
*/
public $tags;
/**
* @ORM\ManyToOne(targetEntity="Category", inversedBy="merchants")
*/
protected $primaryCategory;
/**
* @ORM\ManyToOne(targetEntity="Tag", inversedBy="merchants")
*/
protected $primaryTag;
标签和类别也有一个多对多映射。
所以我们有 Tag_Category、Merchant_Tag、Merchant_Category 映射表。
现在我想对这些字段执行一些ajax。
我想让用户先选择主标签。 ajax在Primary Tag的基础上,将category刷新为只属于这个Tag的类别,并进行一些操作。
我怎样才能做到这一点?
谢谢!
最佳答案
几个月前我能够完成这项工作。而 a.aitboudad 分享的内容是准确的。第一次接触 Symfony/Sonata 的人可能会遇到一些问题。
以下是步骤。
1> 扩展奏鸣曲 CRUD edit.html.twig
/base_edit.html.twig
.
为简单起见,我将仅使用后者。
复制 vendor/bundles/Sonata/AdminBundle/Resources/views/CRUD/base_edit.html.twig
进入与 MerchantAdminController 对应的 views 文件夹 - YourBundle/Resources/views/Merchant/base_edit.html.twig
2> 我们需要告诉我们的 MerchantAdmin 类使用这个模板。 所以我们覆盖了 SonataAdmin 的 getEditTemplate
像这样的方法:
public function getEditTemplate()
{
return 'YourBundle:Merchant:base_edit.html.twig';
}
3> 接下来我们需要编写 Ajax 功能 在我们的
base_edit.html.twig
.标准 Ajax 包括以下内容:3.1> -- 在 Controller 中为 Ajax 请求创建一个 Action
我们主要想获得与特定标签相对应的类别 ID 列表。但很可能您只是在使用 Sonata 的 CRUD Controller 。
定义扩展 CRUDController 的 MerchantAdminController
<?php
namespace GD\AdminBundle\Controller;
use Sonata\AdminBundle\Controller\CRUDController as Controller;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use GD\AdminBundle\Entity\Merchant;
class MerchantAdminController extends Controller
{
}
3.2> -- 通过在
YourBundle/Resources/config/services.yml
中定义它来告诉您的管理服务使用这个新创建的 Controller 而不是默认的 CRUDControllergd_admin.merchant:
class: %gd_admin.merchant.class%
tags:
- { name: sonata.admin, manager_type: orm, group: gd_merchant, label: Merchants }
arguments: [null, GD\AdminBundle\Entity\Merchant, GDAdminBundle:MerchantAdmin]
请注意,第三个参数是您的 Controller 的名称。默认情况下它会是空的。
3.3> -- 创建一个名为
getCategoryOptionsFromTagAction
的 Action 在您的 Controller 中。您的 Ajax 调用将针对此操作。// route - get_categories_from_tag
public function getCategoryOptionsFromTagAction($tagId)
{
$html = ""; // HTML as response
$tag = $this->getDoctrine()
->getRepository('YourBundle:Tag')
->find($tagId);
$categories = $tag->getCategories();
foreach($categories as $cat){
$html .= '<option value="'.$cat->getId().'" >'.$cat->getName().'</option>';
}
return new Response($html, 200);
}
3.4> -- 在
app/config/routing.yml
中创建对应的路由.如果您使用 FOSJsRoutingBundle,请记住公开您的路线(否则您将不得不进行硬编码,这不是一个好主意)。get_categories_from_tag:
pattern: /{_locale}/admin/gd/admin/merchant/get-categories-from-tag/{tagId}
defaults: {_controller: GDAdminBundle:MerchantAdmin:getCategoryOptionsFromTag}
options:
expose: true
3.5> -- 发出 Ajax 请求并使用响应
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
$(document).ready(function(){
var primaryTag = $("#{{ admin.uniqId }}_primaryTag");
primaryTag.change(updateCategories()); // Bind the function to updateCategories
primaryTag.change(); // Manual trigger to update categories in Document load.
function updateCategories(){
return function () {
var tagId = $("#{{ admin.uniqId }}_primaryTag option:selected").val();
var primaryCategory = $("#{{ admin.uniqId }}_primaryCategory");
primaryCategory.empty();
primaryCategory.trigger("liszt:updated");
var locale = '{{ app.request.get('_locale') }}';
var objectId = '{{ admin.id(object) }}'
var url = Routing.generate('get_categories_from_tag', { '_locale': locale, 'tagId': tagId, _sonata_admin: 'gd_admin.merchant', id: objectId });
$.post(url, { tagId: tagId }, function(data){
primaryCategory.empty().append(data);
primaryCategory.trigger("liszt:updated");
},"text");
primaryCategory.val("option:first").attr("selected", true);
};
}
});
</script>
{% endblock %}
问题 1:如何获取附加到所有奏鸣曲元素的唯一 ID
解决方案:使用 admin 变量可以让您访问所有管理类的属性,包括 uniqId。请参阅有关如何使用它的代码。
问题 2:如何在 JS 中获取路由器。
解决方案:默认情况下,Symfony2 路由在 JS 中不起作用。您需要使用一个名为 FOSJSRouting 的包(如上所述)并公开路由。这也将使您可以访问 JS 中的 Router 对象。
我稍微修改了我的解决方案,使这个例子更清晰。如果您发现任何错误,请随时发表评论。
关于ajax - 如何在 Sonata Admin 表单中使用 Ajax?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10118868/