Augus

7198 经验值

沙发吧~
我坐一把沙发

创建的PhoneValidata.php 、演示了。单个条件的验证、、满怀希望想看到。价格这个类需要有两个验证咋办呢?

之前看了一遍、没有理解、实际结合几个项目之后、再来看一下、才真正了解到魅力之处。之前的都用错了。

很奇葩的问题,已经搞定了。

原因是我获取数据没有获取ID值。

对比官网例子: 获取的数items中有ID,视频教程中,从数据库获取 ID、NAME。

我取的数据

Driver::select(['id','driver_id','name'])
            ->where('name','like', '%'.$query.'%')
            ->get();

一开始并没有取id。导致了这个错误

没有api返回。 直接写一个简单的 select 这个是没问题的

我看了官方的例子: 没问题。 仅仅把官方的获取数据接口https://api.github.com/search/repositories 换成我本地的 /api/drivers, 结果是获取不到数据。

然后我上图的例子,能确保。我api接口获取数据是没问题的。


 $(document).ready(function() {
            //展现样式
            function formatTopic (topic) {
                return "<div class='select2-result-repository clearfix'>" +
                "<div class='select2-result-repository__meta'>" +
                "<div class='select2-result-repository__title'>" +
                topic.name ? topic.name : "Laravel"   +
                    "</div></div></div>";
            }
            // topic.name 后台获取的数据, 当没有数据则创建(用户输入) topic.text
            function formatTopicSelection (topic) {
                return topic.name || topic.text;
            }
            //后台api ajax选择数据
            $(".js-example-placeholder-multiple").select2({
                tags: true,
                placeholder: '选择相关话题',
                minimumInputLength: 1,
                ajax: {
                    url: '/api/drivers',  //定义api请求路由
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term //指定查询参数 q
                        };
                    },
                    processResults: function (data, params) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                },
                templateResult: formatTopic, //返回样式表
                templateSelection: formatTopicSelection, //返回样式表
                escapeMarkup: function (markup) { return markup; }
            });
        });
<select name="topics" class="js-example-placeholder-multiple js-data-example-ajax
        form-control">
</select>